@pedidopago/ui 1.7.19 → 1.7.21

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 (29) hide show
  1. package/dist/components/Icon/data/dash.d.ts.map +1 -1
  2. package/dist/components/Icon/data/dash.js +1 -1
  3. package/dist/components/Icon/types.d.ts +1 -1
  4. package/dist/components/Icon/types.d.ts.map +1 -1
  5. package/dist/components/Steps/components/StepIcon/index.d.ts +2 -2
  6. package/dist/components/Steps/components/StepIcon/index.d.ts.map +1 -1
  7. package/dist/components/Steps/components/StepIcon/index.js +39 -115
  8. package/dist/components/Steps/components/StepIcon/styles.d.ts +23 -0
  9. package/dist/components/Steps/components/StepIcon/styles.d.ts.map +1 -0
  10. package/dist/components/Steps/components/StepIcon/styles.js +42 -0
  11. package/dist/components/Steps/components/StepIcon/types.d.ts +16 -0
  12. package/dist/components/Steps/components/StepIcon/types.d.ts.map +1 -0
  13. package/dist/components/Steps/components/StepIcon/types.js +1 -0
  14. package/dist/components/Steps/components/StepIcon/utils.d.ts +5 -0
  15. package/dist/components/Steps/components/StepIcon/utils.d.ts.map +1 -0
  16. package/dist/components/Steps/components/StepIcon/utils.js +22 -0
  17. package/dist/components/Steps/index.d.ts.map +1 -1
  18. package/dist/components/Steps/index.js +16 -41
  19. package/dist/components/Steps/styles.d.ts +2 -0
  20. package/dist/components/Steps/styles.d.ts.map +1 -1
  21. package/dist/components/Steps/styles.js +23 -12
  22. package/dist/components/Tag/index.d.ts.map +1 -1
  23. package/dist/components/Tag/index.js +6 -3
  24. package/dist/components/Tag/styles.d.ts +2 -1
  25. package/dist/components/Tag/styles.d.ts.map +1 -1
  26. package/dist/components/Tag/styles.js +3 -2
  27. package/dist/components/Tag/types.d.ts +1 -0
  28. package/dist/components/Tag/types.d.ts.map +1 -1
  29. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  import { GlobalColorsProps } from '../../shared/theme';
2
- export type IconName = 'activity' | 'adjustments-horizontal' | 'ai' | 'airplay' | 'alert-circle' | 'alert-octagon' | 'alert-triangle' | 'align-center' | 'align-justify' | 'align-left' | 'align-right' | 'anchor' | 'aperture' | 'archive' | 'arrow-down-circle' | 'arrow-down-left' | 'arrow-down-right' | 'arrow-down' | 'arrow-left-circle' | 'arrow-left' | 'arrow-right-circle' | 'arrow-right' | 'arrow-up-circle' | 'arrow-up-left' | 'arrow-up-right' | 'arrow-up' | 'at-sign' | 'award' | 'bank' | 'bar-chart-2' | 'bar-chart' | 'barcode' | 'barcode1' | 'battery-charging' | 'battery' | 'bell-off' | 'bell' | 'billet' | 'bluetooth' | 'bold' | 'book-open' | 'book' | 'bookmark' | 'box' | 'briefcase' | 'bug' | 'bunny' | 'calendar' | 'camera-off' | 'camera' | 'capsules' | 'card-and-code' | 'card' | 'card1' | 'card2' | 'cardcredit' | 'cash' | 'cast' | 'champion' | 'check-circle-outlined' | 'check-circle' | 'check-outlined' | 'check-square' | 'check' | 'cheque' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'chevrons-down' | 'chevrons-left' | 'chevrons-right' | 'chevrons-up' | 'chrome' | 'circle' | 'clipboard' | 'clock' | 'cloud-drizzle' | 'cloud-off' | 'cloud-snow' | 'cloud' | 'code' | 'codepen' | 'codesandbox' | 'coffee' | 'coin' | 'cold' | 'color' | 'columns' | 'command' | 'compass' | 'connect' | 'copy' | 'corner-down-left' | 'corner-down-right' | 'corner-left-down' | 'corner-left-up' | 'corner-right-down' | 'corner-right-up' | 'corner-up-left' | 'corner-up-right' | 'cpu' | 'crop' | 'crosshair' | 'csv' | 'database' | 'delete' | 'desktop' | 'disc' | 'dislike' | 'dna' | 'dollar-sign' | 'double-check' | 'download-cloud' | 'download' | 'droplet' | 'duplicate' | 'edit-3' | 'edit' | 'editor-align-center' | 'editor-align-justify' | 'editor-align-left' | 'editor-align-right' | 'editor-blockquotes' | 'editor-bold' | 'editor-clear-marks' | 'editor-clear-nodes' | 'editor-code-block' | 'editor-h1' | 'editor-h2' | 'editor-h3' | 'editor-h4' | 'editor-h5' | 'editor-h6' | 'editor-hard-break' | 'editor-horizontal-rule' | 'editor-italic' | 'editor-ordered-list' | 'editor-paragraph' | 'editor-redo' | 'editor-strike' | 'editor-underline' | 'editor-undo' | 'editor-unordered-list' | 'equal' | 'expand' | 'external-link' | 'external' | 'eye-off' | 'eye' | 'facebook' | 'fast-forward' | 'feather' | 'figma' | 'file-plus' | 'file-text' | 'file' | 'film' | 'filter' | 'fi_youtube' | 'flag' | 'flask' | 'folder-minus' | 'folder-plus' | 'folder' | 'framer' | 'frown' | 'fruit' | 'genre' | 'gift' | 'git-branch' | 'git-commit' | 'git-pull-request' | 'github' | 'gitlab' | 'globe' | 'grid' | 'hard-drive' | 'hash' | 'headphones' | 'headset' | 'heart-filled' | 'heart' | 'help-circle' | 'hexagon' | 'home' | 'ia' | 'id' | 'image' | 'inbox' | 'inf' | 'info' | 'instagram' | 'internal' | 'italic' | 'key' | 'layers' | 'layout' | 'life-buoy' | 'light' | 'like' | 'link-2' | 'link' | 'linkedin' | 'list-2' | 'list' | 'listagem' | 'loader' | 'lock' | 'log-in' | 'log-out' | 'machine-money' | 'mail' | 'map-pin' | 'map' | 'maximize-2' | 'maximize' | 'medical' | 'meh' | 'menu' | 'message-report' | 'message-square' | 'mic-off' | 'mic' | 'minimize-2' | 'minimize' | 'minus-circle' | 'minus-square' | 'minus' | 'money-up' | 'money' | 'moneylist' | 'monitor' | 'moon' | 'more-horizontal' | 'more-vertical' | 'mouse-pointer' | 'move' | 'music' | 'navigation-2' | 'navigation' | 'octagon' | 'ordenation' | 'others' | 'package' | 'paperclip' | 'pause-2' | 'pause-circle' | 'pause' | 'pdf' | 'pen-tool' | 'pencil' | 'pennant' | 'percent' | 'phone-call' | 'phone-incoming' | 'phone-msg' | 'phone-off' | 'phone-outgoing' | 'pie-chart' | 'pin' | 'pix' | 'play-circle' | 'play' | 'plug' | 'plus-circle' | 'plus-square' | 'plus' | 'pocket' | 'power' | 'pp-extended' | 'pp' | 'printer' | 'qrcode' | 'radio' | 'real' | 'refresh-ccw' | 'refresh-cw' | 'repeat' | 'revenue-plus' | 'revenue' | 'rewind' | 'robot-off' | 'robot' | 'rotate-ccw' | 'rotate-cw' | 'rotate' | 'rss' | 'save' | 'scissors' | 'search' | 'send' | 'server' | 'settings' | 'share-2' | 'share' | 'shield-off' | 'shield' | 'shop' | 'shopping-bag' | 'shopping-cart' | 'shuffle' | 'sidebar' | 'skip-back' | 'skip-forward' | 'slack' | 'slash' | 'sliders' | 'smartphone' | 'smile' | 'speaker' | 'square' | 'star' | 'stop-circle' | 'sun' | 'sunrise' | 'sunset' | 'sync' | 'tablet' | 'tag' | 'target' | 'terminal' | 'thermometer' | 'thumbs-down' | 'thumbs-up' | 'toggle-left' | 'toggle-right' | 'tool' | 'transfer' | 'trash-2' | 'trash' | 'trello' | 'trending-down' | 'trending-up' | 'triangle' | 'truck' | 'tv' | 'twitch' | 'twitter' | 'type' | 'umbrella' | 'underline' | 'unlock' | 'upload-cloud' | 'upload' | 'user-check' | 'user-group' | 'user-minus' | 'user-plus' | 'user-x' | 'user' | 'user2-out' | 'users' | 'video-off' | 'video' | 'vigora' | 'voicemail' | 'volume-1' | 'volume-2' | 'volume-x' | 'volume' | 'weight' | 'whatsapp' | 'wifi-off' | 'wifi' | 'wifi2' | 'wind' | 'x-circle' | 'x-octagon' | 'x-square' | 'x' | 'xls' | 'zap-off' | 'zap' | 'zoom-in' | 'zoom-out' | 'zoom' | 'ecc-budget' | 'ecc-card' | 'ecc-cart' | 'ecc-client' | 'ecc-logout' | 'ecc-loock' | 'ecc-medical' | 'ecc-star' | 'ecc-table' | 'ecc-truck' | 'ecc-user' | 'ecc-www' | 'scl-facebook' | 'scl-google' | 'pmt-amex' | 'pmt-aura' | 'pmt-billet' | 'pmt-dinersclub' | 'pmt-discover' | 'pmt-elo' | 'pmt-hipercard' | 'pmt-jcb' | 'pmt-mastercard' | 'pmt-paypal' | 'pmt-pix' | 'pmt-visa' | 'illust-ad' | 'illust-alternative-order' | 'illust-banking-billet' | 'illust-boleto' | 'illust-box-closed' | 'illust-box-delivery' | 'illust-box-open' | 'illust-budget-analysis' | 'illust-budget-available' | 'illust-budget-error' | 'illust-budget-incomplete' | 'illust-calendar' | 'illust-card' | 'illust-check-prescription' | 'illust-collaborator' | 'illust-date' | 'illust-error-prescription' | 'illust-flask' | 'illust-formula' | 'illust-inclusion-order' | 'illust-incomplete-prescription' | 'illust-inquiry' | 'illust-model' | 'illust-order-canceled' | 'illust-order-error' | 'illust-order-success' | 'illust-order-withdrawal' | 'illust-order' | 'illust-payment-billet' | 'illust-payment-card' | 'illust-payment-cheque' | 'illust-payment-deposit' | 'illust-payment-money' | 'illust-payment-other' | 'illust-payment-pix' | 'illust-payment-tefpos' | 'illust-pix' | 'illust-preparation-order' | 'illust-prescription' | 'illust-retention-prescription' | 'illust-sent-order' | 'illust-success-prescription' | 'illust-transport' | 'illust-trash' | 'bty-baldness' | 'bty-beard' | 'bty-beauty' | 'bty-blue-light' | 'bty-breasts-and-ass' | 'bty-dandruff' | 'bty-deodorants' | 'bty-eyebags-darkcircles' | 'bty-eyebrows-lashes' | 'bty-filler' | 'bty-hair-growth' | 'bty-hair-loss' | 'bty-hair-strengthener' | 'bty-hand-sanitizer' | 'bty-illuminator' | 'bty-moisturizer' | 'bty-mycosis-chilblains' | 'bty-nail-strengthener' | 'bty-neck-arms' | 'bty-pimples' | 'bty-repellent' | 'bty-sunscreen' | 'bty-varicose-veins' | 'bty-warts' | 'bty-white-hair' | 'bty-whitening' | 'bty-wound-healing' | 'bty-wrinkles' | 'hlt-ansiety-stress' | 'hlt-antiemetic' | 'hlt-bach-florals' | 'hlt-bacillus-lacto' | 'hlt-bad-breath' | 'hlt-builder-vase' | 'hlt-cholesterol' | 'hlt-depression' | 'hlt-diabetes' | 'hlt-digestion-reflux' | 'hlt-diuretics' | 'hlt-gases' | 'hlt-gastric-protector' | 'hlt-hangover' | 'hlt-health' | 'hlt-heart-health' | 'hlt-high-pressure' | 'hlt-homeopathy' | 'hlt-immunity' | 'hlt-intestinal-health' | 'hlt-intimate-hygiene' | 'hlt-libido' | 'hlt-live-protector' | 'hlt-longevity' | 'hlt-memory' | 'hlt-menopause' | 'hlt-nutritional-supplement' | 'hlt-pms-cramps' | 'hlt-prostate' | 'hlt-roast' | 'hlt-sexual-health' | 'hlt-sleep-well' | 'hlt-stress' | 'hlt-urinary-tract' | 'hlt-vitamins-minerals' | 'men-baldness' | 'men-beard' | 'men-dough' | 'men-gynecomastia' | 'men-libido' | 'men-men' | 'wmn-breasts-and-ass' | 'wmn-cellulite' | 'wmn-eyelashes-brows' | 'wmn-filler' | 'wmn-hair-growth' | 'wmn-hair-strengthener' | 'wmn-menopause' | 'wmn-pms-cramps' | 'wmn-whitening' | 'wmn-woman' | 'smr-dry-belly' | 'smr-hair' | 'smr-moisturizer' | 'smr-summer' | 'smr-sunscreen' | 'smr-tanning' | 'sts-budget-analysis' | 'sts-budget-available' | 'sts-budget-expired' | 'sts-budget-incomplete' | 'sts-inclusion-order' | 'sts-medication-performed' | 'sts-order-canceled' | 'sts-order-preparation' | 'sts-order-sent' | 'sts-order-withdrawal' | 'sts-revenue-check' | 'sts-revenue-retention' | 'sts-waiting-billet' | 'sts-waiting-card' | 'sts-waiting-repeat-date' | 'ppe-accelerate-metabolism' | 'ppe-articulations' | 'ppe-binge-eating' | 'ppe-bones' | 'ppe-bruises' | 'ppe-candy-will' | 'ppe-carbohydrate-blocker' | 'ppe-carbohydrate-blocker2' | 'ppe-cellulite-stretch-marks' | 'ppe-cellulite' | 'ppe-conductive-vessel' | 'ppe-detox' | 'ppe-dough' | 'ppe-dry-belly' | 'ppe-energy' | 'ppe-fatty-acids' | 'ppe-fibers' | 'ppe-gh' | 'ppe-gynecomastia' | 'ppe-increase-satiety' | 'ppe-increased-appetite' | 'ppe-inhibit-appetite' | 'ppe-laxative' | 'ppe-lipolitical-action' | 'ppe-localized-fat' | 'ppe-muscle-definition' | 'ppe-pain' | 'ppe-physical-perfomance' | 'ppe-post-workout' | 'ppe-pre-workout' | 'ppe-pro-hormonal' | 'ppe-reduction-measures' | 'ppe-slimming-chocolates' | 'ppe-slimming-gums' | 'ppe-slimming' | 'ppe-strength' | 'ppe-tcp' | 'ppe-thermogenic' | 'ppe-vasodilation' | 'form-bar' | 'form-capsule' | 'form-chocolate' | 'form-cookie' | 'form-cream' | 'form-enamel' | 'form-eyedrop' | 'form-eyeliner' | 'form-floral' | 'form-foam' | 'form-gel' | 'form-gum' | 'form-homeopathy' | 'form-lipstick' | 'form-lollipop' | 'form-lotion' | 'form-oil' | 'form-oralfilm' | 'form-oralpaste' | 'form-others' | 'form-patch' | 'form-pomade' | 'form-pot' | 'form-sachet' | 'form-serum' | 'form-shampoo' | 'form-soapshampoo' | 'form-spray' | 'form-sublingual' | 'form-sunscreen' | 'form-syringe' | 'form-syrup' | 'form-tablet' | 'form-units' | 'pp-clipboard' | 'pp-colored-extended' | 'pp-colored' | 'pp-ecommerce' | 'pp-medicines';
2
+ export type IconName = 'activity' | 'adjustments-horizontal' | 'ai' | 'airplay' | 'alert-circle' | 'alert-octagon' | 'alert-triangle' | 'align-center' | 'align-justify' | 'align-left' | 'align-right' | 'anchor' | 'aperture' | 'archive' | 'arrow-down-circle' | 'arrow-down-left' | 'arrow-down-right' | 'arrow-down' | 'arrow-left-circle' | 'arrow-left' | 'arrow-right-circle' | 'arrow-right' | 'arrow-up-circle' | 'arrow-up-left' | 'arrow-up-right' | 'arrow-up' | 'at-sign' | 'award' | 'bank' | 'bar-chart-2' | 'bar-chart' | 'barcode' | 'barcode1' | 'battery-charging' | 'battery' | 'bell-off' | 'bell' | 'billet' | 'bluetooth' | 'bold' | 'book-open' | 'book' | 'bookmark' | 'box' | 'briefcase' | 'bug' | 'bunny' | 'calendar' | 'camera-off' | 'camera' | 'capsules' | 'card-and-code' | 'card' | 'card1' | 'card2' | 'cardcredit' | 'cash' | 'cast' | 'champion' | 'check-circle-outlined' | 'check-circle' | 'check-outlined' | 'check-square' | 'check' | 'cheque' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'chevrons-down' | 'chevrons-left' | 'chevrons-right' | 'chevrons-up' | 'chrome' | 'circle' | 'clipboard' | 'clock' | 'cloud-drizzle' | 'cloud-off' | 'cloud-snow' | 'cloud' | 'code' | 'codepen' | 'codesandbox' | 'coffee' | 'coin' | 'cold' | 'color' | 'columns' | 'command' | 'compass' | 'connect' | 'copy' | 'corner-down-left' | 'corner-down-right' | 'corner-left-down' | 'corner-left-up' | 'corner-right-down' | 'corner-right-up' | 'corner-up-left' | 'corner-up-right' | 'cpu' | 'crop' | 'crosshair' | 'csv' | 'database' | 'delete' | 'desktop' | 'disc' | 'dislike' | 'dna' | 'dollar-sign' | 'double-check' | 'download-cloud' | 'download' | 'droplet' | 'duplicate' | 'edit-3' | 'edit' | 'editor-align-center' | 'editor-align-justify' | 'editor-align-left' | 'editor-align-right' | 'editor-blockquotes' | 'editor-bold' | 'editor-clear-marks' | 'editor-clear-nodes' | 'editor-code-block' | 'editor-h1' | 'editor-h2' | 'editor-h3' | 'editor-h4' | 'editor-h5' | 'editor-h6' | 'editor-hard-break' | 'editor-horizontal-rule' | 'editor-italic' | 'editor-ordered-list' | 'editor-paragraph' | 'editor-redo' | 'editor-strike' | 'editor-underline' | 'editor-undo' | 'editor-unordered-list' | 'equal' | 'expand' | 'external-link' | 'external' | 'eye-off' | 'eye' | 'facebook' | 'fast-forward' | 'feather' | 'figma' | 'file-plus' | 'file-text' | 'file' | 'film' | 'filter' | 'fi_youtube' | 'flag' | 'flask' | 'folder-minus' | 'folder-plus' | 'folder' | 'framer' | 'frown' | 'fruit' | 'genre' | 'gift' | 'git-branch' | 'git-commit' | 'git-pull-request' | 'github' | 'gitlab' | 'globe' | 'grid' | 'hard-drive' | 'hash' | 'headphones' | 'headset' | 'heart-filled' | 'heart' | 'help-circle' | 'hexagon' | 'home' | 'ia' | 'id' | 'image' | 'inbox' | 'inf' | 'info' | 'instagram' | 'internal' | 'italic' | 'key' | 'layers' | 'layout' | 'life-buoy' | 'light' | 'like' | 'link-2' | 'link' | 'linkedin' | 'list-2' | 'list' | 'listagem' | 'loader' | 'lock' | 'log-in' | 'log-out' | 'machine-money' | 'magnet' | 'mail' | 'map-pin' | 'map' | 'maximize-2' | 'maximize' | 'medical' | 'meh' | 'menu' | 'message-report' | 'message-square' | 'mic-off' | 'mic' | 'minimize-2' | 'minimize' | 'minus-circle' | 'minus-square' | 'minus' | 'money-up' | 'money' | 'moneylist' | 'monitor' | 'moon' | 'more-horizontal' | 'more-vertical' | 'mouse-pointer' | 'move' | 'music' | 'navigation-2' | 'navigation' | 'octagon' | 'ordenation' | 'others' | 'package' | 'paperclip' | 'pause-2' | 'pause-circle' | 'pause' | 'pdf' | 'pen-tool' | 'pencil' | 'pennant' | 'percent' | 'phone-call' | 'phone-incoming' | 'phone-msg' | 'phone-off' | 'phone-outgoing' | 'pie-chart' | 'pin' | 'pix' | 'play-circle' | 'play' | 'plug' | 'plus-circle' | 'plus-square' | 'plus' | 'pocket' | 'power' | 'pp-extended' | 'pp' | 'printer' | 'qrcode' | 'radio' | 'real' | 'refresh-ccw' | 'refresh-cw' | 'repeat' | 'revenue-plus' | 'revenue' | 'rewind' | 'robot-off' | 'robot' | 'rotate-ccw' | 'rotate-cw' | 'rotate' | 'rss' | 'save' | 'scissors' | 'search' | 'send' | 'server' | 'settings' | 'share-2' | 'share' | 'shield-off' | 'shield' | 'shop' | 'shopping-bag' | 'shopping-cart' | 'shuffle' | 'sidebar' | 'skip-back' | 'skip-forward' | 'slack' | 'slash' | 'sliders' | 'smartphone' | 'smile' | 'speaker' | 'square' | 'star' | 'stop-circle' | 'sun' | 'sunrise' | 'sunset' | 'sync' | 'tablet' | 'tag' | 'target' | 'terminal' | 'thermometer' | 'thumbs-down' | 'thumbs-up' | 'to-move' | 'toggle-left' | 'toggle-right' | 'tool' | 'transfer' | 'trash-2' | 'trash' | 'trello' | 'trending-down' | 'trending-up' | 'triangle' | 'truck' | 'tv' | 'twitch' | 'twitter' | 'type' | 'umbrella' | 'underline' | 'unlock' | 'upload-cloud' | 'upload' | 'user-check' | 'user-group' | 'user-minus' | 'user-plus' | 'user-x' | 'user' | 'user2-out' | 'users' | 'video-off' | 'video' | 'vigora' | 'voicemail' | 'volume-1' | 'volume-2' | 'volume-x' | 'volume' | 'weight' | 'whatsapp' | 'wifi-off' | 'wifi' | 'wifi2' | 'wind' | 'x-circle' | 'x-octagon' | 'x-square' | 'x' | 'xls' | 'zap-off' | 'zap' | 'zoom-in' | 'zoom-out' | 'zoom' | 'ecc-budget' | 'ecc-card' | 'ecc-cart' | 'ecc-client' | 'ecc-logout' | 'ecc-loock' | 'ecc-medical' | 'ecc-star' | 'ecc-table' | 'ecc-truck' | 'ecc-user' | 'ecc-www' | 'scl-facebook' | 'scl-google' | 'pmt-amex' | 'pmt-aura' | 'pmt-billet' | 'pmt-dinersclub' | 'pmt-discover' | 'pmt-elo' | 'pmt-hipercard' | 'pmt-jcb' | 'pmt-mastercard' | 'pmt-paypal' | 'pmt-pix' | 'pmt-visa' | 'illust-ad' | 'illust-alternative-order' | 'illust-banking-billet' | 'illust-boleto' | 'illust-box-closed' | 'illust-box-delivery' | 'illust-box-open' | 'illust-budget-analysis' | 'illust-budget-available' | 'illust-budget-error' | 'illust-budget-incomplete' | 'illust-calendar' | 'illust-card' | 'illust-check-prescription' | 'illust-collaborator' | 'illust-date' | 'illust-error-prescription' | 'illust-flask' | 'illust-formula' | 'illust-inclusion-order' | 'illust-incomplete-prescription' | 'illust-inquiry' | 'illust-model' | 'illust-order-canceled' | 'illust-order-error' | 'illust-order-success' | 'illust-order-withdrawal' | 'illust-order' | 'illust-payment-billet' | 'illust-payment-card' | 'illust-payment-cheque' | 'illust-payment-deposit' | 'illust-payment-money' | 'illust-payment-other' | 'illust-payment-pix' | 'illust-payment-tefpos' | 'illust-pix' | 'illust-preparation-order' | 'illust-prescription' | 'illust-retention-prescription' | 'illust-sent-order' | 'illust-success-prescription' | 'illust-transport' | 'illust-trash' | 'bty-baldness' | 'bty-beard' | 'bty-beauty' | 'bty-blue-light' | 'bty-breasts-and-ass' | 'bty-dandruff' | 'bty-deodorants' | 'bty-eyebags-darkcircles' | 'bty-eyebrows-lashes' | 'bty-filler' | 'bty-hair-growth' | 'bty-hair-loss' | 'bty-hair-strengthener' | 'bty-hand-sanitizer' | 'bty-illuminator' | 'bty-moisturizer' | 'bty-mycosis-chilblains' | 'bty-nail-strengthener' | 'bty-neck-arms' | 'bty-pimples' | 'bty-repellent' | 'bty-sunscreen' | 'bty-varicose-veins' | 'bty-warts' | 'bty-white-hair' | 'bty-whitening' | 'bty-wound-healing' | 'bty-wrinkles' | 'hlt-ansiety-stress' | 'hlt-antiemetic' | 'hlt-bach-florals' | 'hlt-bacillus-lacto' | 'hlt-bad-breath' | 'hlt-builder-vase' | 'hlt-cholesterol' | 'hlt-depression' | 'hlt-diabetes' | 'hlt-digestion-reflux' | 'hlt-diuretics' | 'hlt-gases' | 'hlt-gastric-protector' | 'hlt-hangover' | 'hlt-health' | 'hlt-heart-health' | 'hlt-high-pressure' | 'hlt-homeopathy' | 'hlt-immunity' | 'hlt-intestinal-health' | 'hlt-intimate-hygiene' | 'hlt-libido' | 'hlt-live-protector' | 'hlt-longevity' | 'hlt-memory' | 'hlt-menopause' | 'hlt-nutritional-supplement' | 'hlt-pms-cramps' | 'hlt-prostate' | 'hlt-roast' | 'hlt-sexual-health' | 'hlt-sleep-well' | 'hlt-stress' | 'hlt-urinary-tract' | 'hlt-vitamins-minerals' | 'men-baldness' | 'men-beard' | 'men-dough' | 'men-gynecomastia' | 'men-libido' | 'men-men' | 'wmn-breasts-and-ass' | 'wmn-cellulite' | 'wmn-eyelashes-brows' | 'wmn-filler' | 'wmn-hair-growth' | 'wmn-hair-strengthener' | 'wmn-menopause' | 'wmn-pms-cramps' | 'wmn-whitening' | 'wmn-woman' | 'smr-dry-belly' | 'smr-hair' | 'smr-moisturizer' | 'smr-summer' | 'smr-sunscreen' | 'smr-tanning' | 'sts-budget-analysis' | 'sts-budget-available' | 'sts-budget-expired' | 'sts-budget-incomplete' | 'sts-inclusion-order' | 'sts-medication-performed' | 'sts-order-canceled' | 'sts-order-preparation' | 'sts-order-sent' | 'sts-order-withdrawal' | 'sts-revenue-check' | 'sts-revenue-retention' | 'sts-waiting-billet' | 'sts-waiting-card' | 'sts-waiting-repeat-date' | 'ppe-accelerate-metabolism' | 'ppe-articulations' | 'ppe-binge-eating' | 'ppe-bones' | 'ppe-bruises' | 'ppe-candy-will' | 'ppe-carbohydrate-blocker' | 'ppe-carbohydrate-blocker2' | 'ppe-cellulite-stretch-marks' | 'ppe-cellulite' | 'ppe-conductive-vessel' | 'ppe-detox' | 'ppe-dough' | 'ppe-dry-belly' | 'ppe-energy' | 'ppe-fatty-acids' | 'ppe-fibers' | 'ppe-gh' | 'ppe-gynecomastia' | 'ppe-increase-satiety' | 'ppe-increased-appetite' | 'ppe-inhibit-appetite' | 'ppe-laxative' | 'ppe-lipolitical-action' | 'ppe-localized-fat' | 'ppe-muscle-definition' | 'ppe-pain' | 'ppe-physical-perfomance' | 'ppe-post-workout' | 'ppe-pre-workout' | 'ppe-pro-hormonal' | 'ppe-reduction-measures' | 'ppe-slimming-chocolates' | 'ppe-slimming-gums' | 'ppe-slimming' | 'ppe-strength' | 'ppe-tcp' | 'ppe-thermogenic' | 'ppe-vasodilation' | 'form-bar' | 'form-capsule' | 'form-chocolate' | 'form-cookie' | 'form-cream' | 'form-enamel' | 'form-eyedrop' | 'form-eyeliner' | 'form-floral' | 'form-foam' | 'form-gel' | 'form-gum' | 'form-homeopathy' | 'form-lipstick' | 'form-lollipop' | 'form-lotion' | 'form-oil' | 'form-oralfilm' | 'form-oralpaste' | 'form-others' | 'form-patch' | 'form-pomade' | 'form-pot' | 'form-sachet' | 'form-serum' | 'form-shampoo' | 'form-soapshampoo' | 'form-spray' | 'form-sublingual' | 'form-sunscreen' | 'form-syringe' | 'form-syrup' | 'form-tablet' | 'form-units' | 'pp-clipboard' | 'pp-colored-extended' | 'pp-colored' | 'pp-ecommerce' | 'pp-medicines';
3
3
  export type IIconComponentProps = {
4
4
  name: IconName;
5
5
  size?: number | string;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/types.ts"],"names":[],"mappings":"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"}
@@ -1,4 +1,4 @@
1
1
  /// <reference types="react" />
2
- import { StepIconProps } from '../../types';
3
- export declare const StepIcon: ({ isSelectedStep, stepPosition, hasStartGradient, hasEndGratient, activeColor, }: StepIconProps) => JSX.Element;
2
+ import { StepIconProps } from './types';
3
+ export declare function StepIcon({ activeColor, isFirstStep, isLastStep, isChecked, isSelectedStep, direction, }: StepIconProps): JSX.Element;
4
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steps/components/StepIcon/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAa5C,eAAO,MAAM,QAAQ,qFAMlB,aAAa,gBAsFf,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steps/components/StepIcon/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAIxC,wBAAgB,QAAQ,CAAC,EACvB,WAAuB,EACvB,WAAW,EACX,UAAU,EACV,SAAS,EACT,cAAc,EACd,SAAiB,GAClB,EAAE,aAAa,eAsCf"}
@@ -3,124 +3,48 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.StepIcon = void 0;
7
- var _styled = _interopRequireDefault(require("@emotion/styled"));
6
+ exports.StepIcon = StepIcon;
8
7
  var _react = require("@emotion/react");
8
+ var _styles = require("./styles");
9
+ var _utils = require("./utils");
9
10
  var _jsxRuntime = require("react/jsx-runtime");
10
- var _templateObject;
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
13
- var IconContainer = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n margin-top: 6px;\n\n @media only screen and (max-width: 500px) {\n transform: rotate(90deg);\n margin-top: 0;\n }\n"])));
14
- var StepIcon = function StepIcon(_ref) {
15
- var isSelectedStep = _ref.isSelectedStep,
16
- stepPosition = _ref.stepPosition,
17
- hasStartGradient = _ref.hasStartGradient,
18
- hasEndGratient = _ref.hasEndGratient,
19
- _ref$activeColor = _ref.activeColor,
20
- activeColor = _ref$activeColor === void 0 ? 'primary' : _ref$activeColor;
11
+ function StepIcon(_ref) {
12
+ var _ref$activeColor = _ref.activeColor,
13
+ activeColor = _ref$activeColor === void 0 ? 'primary' : _ref$activeColor,
14
+ isFirstStep = _ref.isFirstStep,
15
+ isLastStep = _ref.isLastStep,
16
+ isChecked = _ref.isChecked,
17
+ isSelectedStep = _ref.isSelectedStep,
18
+ _ref$direction = _ref.direction,
19
+ direction = _ref$direction === void 0 ? 'row' : _ref$direction;
21
20
  var theme = (0, _react.useTheme)();
22
21
  var strokeColor = theme.colors[activeColor].default;
23
22
  var neutralStrokeColor = theme.colors.neutral.neutral1;
24
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
25
- children: isSelectedStep ? /*#__PURE__*/(0, _jsxRuntime.jsx)(IconContainer, {
26
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
27
- width: "180",
28
- height: "16",
29
- viewBox: "0 0 180 16",
30
- fill: "none",
31
- xmlns: "http://www.w3.org/2000/svg",
32
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
33
- width: "82",
34
- height: "2",
35
- transform: "translate(0 7)",
36
- fill: "url(#".concat(stepPosition, ")")
37
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
38
- cx: "90",
39
- cy: "8",
40
- r: "5",
41
- fill: "#F8FAF9",
42
- stroke: strokeColor,
43
- strokeWidth: "6"
44
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
45
- width: "82",
46
- height: "2",
47
- transform: "translate(98 7)",
48
- fill: "url(#".concat(stepPosition, "-2)")
49
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("defs", {
50
- children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("linearGradient", {
51
- id: stepPosition,
52
- x1: "82",
53
- y1: "0.999868",
54
- x2: "0.379632",
55
- y2: "0.999918",
56
- gradientUnits: "userSpaceOnUse",
57
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
58
- stopColor: strokeColor
59
- }), hasStartGradient && /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
60
- offset: "1",
61
- stopColor: strokeColor,
62
- stopOpacity: "0"
63
- })]
64
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("linearGradient", {
65
- id: "".concat(stepPosition, "-2"),
66
- x1: "-3.71097e-07",
67
- y1: "1.00009",
68
- x2: "110",
69
- y2: "1.00006",
70
- gradientUnits: "userSpaceOnUse",
71
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
72
- stopColor: strokeColor
73
- }), hasEndGratient && /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
74
- offset: "1",
75
- stopColor: strokeColor,
76
- stopOpacity: "0"
77
- })]
78
- })]
79
- })]
80
- })
81
- }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(IconContainer, {
82
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
83
- width: "180",
84
- height: "16",
85
- viewBox: "0 0 180 16",
86
- fill: "none",
87
- xmlns: "http://www.w3.org/2000/svg",
88
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
89
- width: "82",
90
- height: "2",
91
- transform: "translate(0 7)",
92
- fill: neutralStrokeColor
93
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
94
- cx: "90",
95
- cy: "8",
96
- r: "7",
97
- fill: "#F8FAF9",
98
- stroke: "#B7C7C2",
99
- strokeWidth: "2"
100
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
101
- width: "82",
102
- height: "2",
103
- transform: "translate(98 7)",
104
- fill: "url(#".concat(stepPosition, ")")
105
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("defs", {
106
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("linearGradient", {
107
- id: stepPosition,
108
- x1: "0",
109
- y1: "1.00009",
110
- x2: "82",
111
- y2: "1.00007",
112
- gradientUnits: "userSpaceOnUse",
113
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
114
- stopColor: neutralStrokeColor
115
- }), hasEndGratient && /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
116
- offset: "1",
117
- stopColor: neutralStrokeColor,
118
- stopOpacity: "0"
119
- })]
120
- })
121
- })]
122
- })
123
- })
23
+ var selectedColor = isChecked ? strokeColor : neutralStrokeColor;
24
+ var stepsOpacity = (0, _utils.getStepHexOpacity)(isSelectedStep, isFirstStep, isLastStep);
25
+ var isColumn = direction === 'column';
26
+ var gradientDirection = isColumn ? 'to bottom' : 'to right';
27
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.StepIconContainer, {
28
+ isColumn: isColumn,
29
+ alignItems: "center",
30
+ direction: direction,
31
+ style: {
32
+ width: isColumn ? '36px' : '100%',
33
+ height: isColumn ? '78px' : 'auto'
34
+ },
35
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StepStart, {
36
+ className: "stepLine",
37
+ color: selectedColor,
38
+ opacity: stepsOpacity.start,
39
+ gradientDirection: gradientDirection
40
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StepCenter, {
41
+ isChecked: isChecked,
42
+ color: selectedColor
43
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StepEnd, {
44
+ className: "stepLine",
45
+ color: selectedColor,
46
+ opacity: stepsOpacity.end,
47
+ gradientDirection: gradientDirection
48
+ })]
124
49
  });
125
- };
126
- exports.StepIcon = StepIcon;
50
+ }
@@ -0,0 +1,23 @@
1
+ /// <reference types="react" />
2
+ import { StepLineProps } from './types';
3
+ export declare const StepIconContainer: import("@emotion/styled").StyledComponent<import("react").HTMLAttributes<HTMLDivElement> & import("../../../Flex/types").IFlexProps & {
4
+ theme?: import("@emotion/react").Theme | undefined;
5
+ } & {
6
+ isColumn: boolean;
7
+ }, {}, {}>;
8
+ export declare const StepStart: import("@emotion/styled").StyledComponent<{
9
+ theme?: import("@emotion/react").Theme | undefined;
10
+ as?: import("react").ElementType<any> | undefined;
11
+ } & StepLineProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
12
+ export declare const StepCenter: import("@emotion/styled").StyledComponent<{
13
+ theme?: import("@emotion/react").Theme | undefined;
14
+ as?: import("react").ElementType<any> | undefined;
15
+ } & {
16
+ color: string;
17
+ isChecked: boolean;
18
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
19
+ export declare const StepEnd: import("@emotion/styled").StyledComponent<{
20
+ theme?: import("@emotion/react").Theme | undefined;
21
+ as?: import("react").ElementType<any> | undefined;
22
+ } & StepLineProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
23
+ //# sourceMappingURL=styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steps/components/StepIcon/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxC,eAAO,MAAM,iBAAiB;;;cAA4B,OAAO;UAMhE,CAAC;AAEF,eAAO,MAAM,SAAS;;;yHAGrB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;WAAuB,MAAM;eAAa,OAAO;yGAQvE,CAAC;AAEF,eAAO,MAAM,OAAO;;;yHAGnB,CAAC"}
@@ -0,0 +1,42 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.StepStart = exports.StepIconContainer = exports.StepEnd = exports.StepCenter = void 0;
7
+ var _styled = _interopRequireDefault(require("@emotion/styled"));
8
+ var _Flex = _interopRequireDefault(require("../../../Flex"));
9
+ var _colorCheck = require("../../../../utils/colorCheck");
10
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
11
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
+ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
13
+ var StepIconContainer = (0, _styled.default)(_Flex.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .stepLine {\n height: ", ";\n flex-grow: 2;\n min-width: ", ";\n }\n"])), function (_ref) {
14
+ var isColumn = _ref.isColumn;
15
+ return isColumn ? 'auto' : '0.125rem';
16
+ }, function (_ref2) {
17
+ var isColumn = _ref2.isColumn;
18
+ return isColumn ? '0.188rem' : '5.188rem';
19
+ });
20
+ exports.StepIconContainer = StepIconContainer;
21
+ var StepStart = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n background: ", ";\n"])), function (_ref3) {
22
+ var color = _ref3.color,
23
+ opacity = _ref3.opacity,
24
+ gradientDirection = _ref3.gradientDirection;
25
+ return "linear-gradient(".concat(gradientDirection, ", ").concat((0, _colorCheck.parseHexColorToRgba)(color, opacity), ", ").concat(color, ")");
26
+ });
27
+ exports.StepStart = StepStart;
28
+ var StepCenter = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n width: 0.875rem;\n height: 0.875rem;\n flex-shrink: 0;\n border-width: ", ";\n border-style: solid;\n border-color: ", ";\n border-radius: 50%;\n"])), function (_ref4) {
29
+ var isChecked = _ref4.isChecked;
30
+ return isChecked ? '0.313rem' : '0.125rem';
31
+ }, function (_ref5) {
32
+ var color = _ref5.color;
33
+ return color;
34
+ });
35
+ exports.StepCenter = StepCenter;
36
+ var StepEnd = _styled.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n background: ", ";\n"])), function (_ref6) {
37
+ var color = _ref6.color,
38
+ opacity = _ref6.opacity,
39
+ gradientDirection = _ref6.gradientDirection;
40
+ return "linear-gradient(".concat(gradientDirection, ", ").concat(color, ", ").concat((0, _colorCheck.parseHexColorToRgba)(color, opacity), ")");
41
+ });
42
+ exports.StepEnd = StepEnd;
@@ -0,0 +1,16 @@
1
+ export type StepDirection = 'row' | 'column';
2
+ export type StepType = 'start' | 'end';
3
+ export interface StepIconProps {
4
+ isFirstStep: boolean;
5
+ isLastStep: boolean;
6
+ activeColor: 'primary' | 'secondary' | 'tertiary' | 'error';
7
+ isChecked: boolean;
8
+ isSelectedStep: boolean;
9
+ direction?: StepDirection;
10
+ }
11
+ export interface StepLineProps {
12
+ color: string;
13
+ opacity: number;
14
+ gradientDirection: string;
15
+ }
16
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steps/components/StepIcon/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE7C,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;AAEvC,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;IAC5D,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,MAAM,CAAC;CAC3B"}
@@ -0,0 +1 @@
1
+ "use strict";
@@ -0,0 +1,5 @@
1
+ export declare function getStepHexOpacity(isCurrentStep: boolean, isFirstStep: boolean, isLastStep: boolean): {
2
+ start: number;
3
+ end: number;
4
+ };
5
+ //# sourceMappingURL=utils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steps/components/StepIcon/utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,iBAAiB,CAC/B,aAAa,EAAE,OAAO,EACtB,WAAW,EAAE,OAAO,EACpB,UAAU,EAAE,OAAO,GAClB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAmBhC"}
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.getStepHexOpacity = getStepHexOpacity;
7
+ function getStepHexOpacity(isCurrentStep, isFirstStep, isLastStep) {
8
+ var stepsOpacity = {
9
+ start: 1,
10
+ end: 1
11
+ };
12
+ if (isFirstStep) {
13
+ stepsOpacity.start = 0.07;
14
+ }
15
+ if (isLastStep) {
16
+ stepsOpacity.end = 0.07;
17
+ }
18
+ if (isCurrentStep && !isLastStep) {
19
+ stepsOpacity.end = 0.15;
20
+ }
21
+ return stepsOpacity;
22
+ }
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/index.tsx"],"names":[],"mappings":";AAkBA,OAAO,EAAc,UAAU,EAAE,MAAM,SAAS,CAAC;AAEjD,QAAA,MAAM,KAAK,0FAOR,UAAU,gBAoIZ,CAAC;AAEF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/index.tsx"],"names":[],"mappings":";AAiBA,OAAO,EAAc,UAAU,EAAE,MAAM,SAAS,CAAC;AAEjD,QAAA,MAAM,KAAK,0FAOR,UAAU,gBA8GZ,CAAC;AAEF,eAAe,KAAK,CAAC"}
@@ -7,8 +7,6 @@ exports.default = void 0;
7
7
  var _react = require("react");
8
8
  var _Icon = _interopRequireDefault(require("../Icon"));
9
9
  var _StepIcon = require("./components/StepIcon");
10
- var _StepIconMobile = require("./components/StepIconMobile");
11
- var _utils = require("./utils");
12
10
  var _useBreakpoints2 = require("../../shared/hooks/useBreakpoints");
13
11
  var _styles = require("./styles");
14
12
  var _jsxRuntime = require("react/jsx-runtime");
@@ -45,27 +43,6 @@ var Steps = function Steps(_ref) {
45
43
  if (_typeof(step) === 'object') return step.name;
46
44
  return step;
47
45
  };
48
- var getStepIconPosition = function getStepIconPosition(index) {
49
- if (index === 0 && index < steps.length - 1) {
50
- return _utils.STEP_POSITION.INITIAL_BEFORE_UNSELECTED;
51
- } else if (index === current - 1 && index < steps.length - 1) {
52
- return _utils.STEP_POSITION.MIDDLE_BEFORE_UNSELECTED;
53
- } else if (index === 0) {
54
- return _utils.STEP_POSITION.INITIAL;
55
- } else if (index === steps.length - 1) {
56
- return _utils.STEP_POSITION.FINAL;
57
- } else if (index < current) {
58
- return _utils.STEP_POSITION.MIDDLE_BEFORE_SELECTED;
59
- } else {
60
- return _utils.STEP_POSITION.MIDDLE;
61
- }
62
- };
63
- var checkStartGradient = function checkStartGradient(index) {
64
- return index === 0;
65
- };
66
- var checkEndGradient = function checkEndGradient(index) {
67
- return index === steps.length - 1 || index === current - 1 && index < steps.length - 1;
68
- };
69
46
  var handleFitParent = (0, _react.useCallback)(function () {
70
47
  var componentElement = stepsContainerRef.current;
71
48
  if (componentElement) {
@@ -89,29 +66,27 @@ var Steps = function Steps(_ref) {
89
66
  isReducedSteps: isReducedSteps,
90
67
  children: steps && steps.map(function (step, index) {
91
68
  return isReducedSteps ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ReducedStepsContainer, {
69
+ fullWidth: fullWidth,
92
70
  fitParent: fitParent,
93
71
  children: [breakpointPicker({
94
- base: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StepIconMobile.StepIconMobile, {
95
- stepPosition: getStepIconPosition(index),
96
- isSelectedStep: index < current,
97
- hasStartGradient: checkStartGradient(index),
98
- hasEndGratient: checkEndGradient(index),
99
- activeColor: activeColor
72
+ base: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StepIcon.StepIcon, {
73
+ activeColor: activeColor,
74
+ isFirstStep: index === 0,
75
+ isLastStep: index === steps.length - 1,
76
+ isChecked: index < current,
77
+ isSelectedStep: index === current - 1,
78
+ direction: "column"
100
79
  }),
101
- sm: fitParent ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_StepIcon.StepIcon, {
102
- stepPosition: getStepIconPosition(index),
103
- isSelectedStep: index < current,
104
- hasStartGradient: checkStartGradient(index),
105
- hasEndGratient: checkEndGradient(index),
106
- activeColor: activeColor
107
- }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_StepIconMobile.StepIconMobile, {
108
- stepPosition: getStepIconPosition(index),
109
- isSelectedStep: index < current,
110
- hasStartGradient: checkStartGradient(index),
111
- hasEndGratient: checkEndGradient(index),
112
- activeColor: activeColor
80
+ sm: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StepIcon.StepIcon, {
81
+ activeColor: activeColor,
82
+ isFirstStep: index === 0,
83
+ isLastStep: index === steps.length - 1,
84
+ isChecked: index < current,
85
+ isSelectedStep: index === current - 1,
86
+ direction: fitParent ? 'row' : 'column'
113
87
  })
114
88
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StepsItemText, {
89
+ fitParent: fitParent,
115
90
  isFinished: index < current,
116
91
  isReducedSteps: isReducedSteps,
117
92
  children: handleStepName(step)
@@ -30,6 +30,7 @@ export declare const ReducedStepsContainer: import("@emotion/styled").StyledComp
30
30
  as?: import("react").ElementType<any> | undefined;
31
31
  } & {
32
32
  fitParent?: boolean | undefined;
33
+ fullWidth?: boolean | undefined;
33
34
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
34
35
  export declare const StepsItemsDetailsContainer: import("@emotion/styled").StyledComponent<{
35
36
  theme?: import("@emotion/react").Theme | undefined;
@@ -42,5 +43,6 @@ export declare const StepsItemText: import("@emotion/styled").StyledComponent<{
42
43
  isReducedSteps?: boolean | undefined;
43
44
  isDisabled?: boolean | undefined;
44
45
  isFinished?: boolean | undefined;
46
+ fitParent?: boolean | undefined;
45
47
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
46
48
  //# sourceMappingURL=styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,cAAc;;;;;;;yGAiB1B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;iBACT,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO;;;yGA+D5D,CAAC;AAEF,eAAO,MAAM,cAAc;;;yGAK1B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;eAClB,OAAO;yGAkBnB,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;yGAMjC,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;yGAKtC,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;iHA4CzB,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,cAAc;;;;;;;yGAiB1B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;iBACT,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO;;;yGA+D5D,CAAC;AAEF,eAAO,MAAM,cAAc;;;yGAK1B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;eAClB,OAAO;yGAkBnB,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;yGAQjC,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;yGAKtC,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;iHA2CzB,CAAC"}
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.StepsSeparator = exports.StepsItemsDetailsContainer = exports.StepsItemText = exports.StepsItemContainer = exports.StepsContainer = exports.StepsCircle = exports.ReducedStepsContainer = void 0;
7
7
  var _react = require("@emotion/react");
8
8
  var _styled = _interopRequireDefault(require("@emotion/styled"));
9
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
9
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
10
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
11
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
12
12
  var StepsContainer = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n align-items: ", ";\n gap: ", ";\n flex-direction: ", ";\n\n ", ";\n\n @media only screen and (min-width: 500px) {\n flex-direction: ", ";\n }\n"])), function (_ref) {
@@ -54,26 +54,37 @@ var StepsItemContainer = _styled.default.div(_templateObject5 || (_templateObjec
54
54
  return (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n @media screen and (min-width: ", ") {\n gap: 12px;\n }\n "])), theme.breakpoints.sm);
55
55
  });
56
56
  exports.StepsItemContainer = StepsItemContainer;
57
- var ReducedStepsContainer = _styled.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: ", ";\n justify-content: ", ";\n align-items: center;\n height: max-content;\n"])), function (_ref11) {
57
+ var ReducedStepsContainer = _styled.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: ", ";\n justify-content: ", ";\n align-items: center;\n height: max-content;\n width: ", ";\n margin-top: auto;\n"])), function (_ref11) {
58
58
  var fitParent = _ref11.fitParent;
59
59
  return fitParent ? 'column-reverse' : 'row';
60
60
  }, function (_ref12) {
61
61
  var fitParent = _ref12.fitParent;
62
62
  return fitParent ? 'center' : 'start';
63
+ }, function (_ref13) {
64
+ var fitParent = _ref13.fitParent,
65
+ fullWidth = _ref13.fullWidth;
66
+ return fitParent ? fullWidth ? '100%' : '11.25rem' : 'auto';
63
67
  });
64
68
  exports.ReducedStepsContainer = ReducedStepsContainer;
65
69
  var StepsItemsDetailsContainer = _styled.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap: 12px;\n width: 100%;\n"])));
66
70
  exports.StepsItemsDetailsContainer = StepsItemsDetailsContainer;
67
- var StepsItemText = _styled.default.h3(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n font-family: inherit;\n font-weight: ", ";\n font-size: 1rem;\n\n white-space: nowrap;\n\n ", "\n\n ", "\n\n @media only screen and (max-width: 500px) {\n ", ";\n white-space: normal;\n }\n"])), function (_ref13) {
68
- var isFinished = _ref13.isFinished,
69
- isReducedSteps = _ref13.isReducedSteps;
71
+ var StepsItemText = _styled.default.h3(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n font-family: inherit;\n font-weight: ", ";\n font-size: 1rem;\n\n white-space: ", ";\n\n @media screen and (min-width: ", ") {\n text-align: ", ";\n }\n\n ", "\n @media only screen and (max-width: 500px) {\n ", ";\n white-space: normal;\n }\n"])), function (_ref14) {
72
+ var isFinished = _ref14.isFinished,
73
+ isReducedSteps = _ref14.isReducedSteps;
70
74
  return !isFinished && isReducedSteps ? '400' : '600';
71
- }, function (_ref14) {
72
- var theme = _ref14.theme;
73
- return (0, _react.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n @media screen and (min-width: ", ") {\n font-size: 1.25rem;\n }\n "])), theme.breakpoints.sm);
74
75
  }, function (_ref15) {
75
- var isDisabled = _ref15.isDisabled,
76
- theme = _ref15.theme;
76
+ var isReducedSteps = _ref15.isReducedSteps;
77
+ return isReducedSteps ? 'normal' : 'nowrap';
78
+ }, function (_ref16) {
79
+ var theme = _ref16.theme;
80
+ return theme.breakpoints.sm;
81
+ }, function (_ref17) {
82
+ var isReducedSteps = _ref17.isReducedSteps,
83
+ fitParent = _ref17.fitParent;
84
+ return isReducedSteps && fitParent ? 'center' : 'left';
85
+ }, function (_ref18) {
86
+ var isDisabled = _ref18.isDisabled,
87
+ theme = _ref18.theme;
77
88
  if (isDisabled) {
78
89
  return "\n color: ".concat({
79
90
  light: theme.colors.tertiary.hover,
@@ -84,8 +95,8 @@ var StepsItemText = _styled.default.h3(_templateObject9 || (_templateObject9 = _
84
95
  light: theme.colors.neutral.black,
85
96
  dark: theme.colors.neutral.white
86
97
  }[theme.colorMode], ";\n ");
87
- }, function (_ref16) {
88
- var isReducedSteps = _ref16.isReducedSteps;
98
+ }, function (_ref19) {
99
+ var isReducedSteps = _ref19.isReducedSteps;
89
100
  return isReducedSteps ? "width: 100%;" : "";
90
101
  });
91
102
  exports.StepsItemText = StepsItemText;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,QAAA,MAAM,GAAG,EAAE,EAAE,CAAC,SAAS,CA6BtB,CAAC;AAEF,eAAe,GAAG,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,QAAA,MAAM,GAAG,EAAE,EAAE,CAAC,SAAS,CAsCtB,CAAC;AAEF,eAAe,GAAG,CAAC"}