pdh-design-system
Version:
PDH Design System React Components
2,172 lines (2,164 loc) • 44.2 kB
JavaScript
const variants = {
PRIMARY: 'primary',
SECONDARY: 'secondary',
TERTIARY: 'tertiary',
INFO: 'info',
SUCCESS: 'success',
DANGER: 'danger',
WARNING: 'warning',
PURPLE: 'purple',
DARK: 'dark',
LIGHT: 'light',
LINK: 'link',
}
const variantsOutline = {
OUTLINE_PRIMARY: 'outline-primary',
OUTLINE_SECONDARY: 'outline-secondary',
OUTLINE_TERTIARY: 'outline-tertiary',
OUTLINE_INFO: 'outline-info',
OUTLINE_SUCCESS: 'outline-success',
OUTLINE_DANGER: 'outline-danger',
OUTLINE_WARNING: 'outline-warning',
OUTLINE_PURPLE: 'outline-purple',
OUTLINE_DARK: 'outline-dark',
OUTLINE_LIGHT: 'outline-light',
}
const variantsSubtle = {
SUBTLE_PRIMARY: "subtle-primary",
SUBTLE_SECONDARY: "subtle-secondary",
SUBTLE_SUCCESS: "subtle-success",
SUBTLE_INFO: "subtle-info",
SUBTLE_WARNING: "subtle-warning",
SUBTLE_DANGER: "subtle-danger",
SUBTLE_TERTIARY: "subtle-tertiary",
SUBTLE_MUTED: "subtle-muted"
};
const bgs = {
PRIMARY: 'primary',
SECONDARY: 'secondary',
TERTIARY: 'tertiary',
SUCCESS: 'success',
INFO: 'info',
DANGER: 'danger',
WARNING: 'warning',
PURPLE: 'purple',
MUTED: 'muted',
};
const colours = [
'blue',
'purple',
'red',
'orange',
'yellow',
'green',
'cyan',
'black',
'white',
'gray',
'gray-dark'
];
const gradients = [
'primary',
'grey-light',
'orange-light',
];
const colourshades = [
'100',
'200',
'300',
'400',
'500',
'600',
'700',
'800',
'900'
];
const horizontals = [true, 'sm', 'md', 'lg', 'xl', 'xxl'];
const placements = {
AUTO_START: 'auto-start',
AUTO: 'auto',
AUTO_END: 'auto-end',
TOP_START: 'top-start',
TOP: 'top',
TOP_END: 'top-end',
RIGHT_START: 'right-start',
RIGHT: 'right',
RIGHT_END: 'right-end',
BOTTOM_END: 'bottom-end',
BOTTOM: 'bottom',
BOTTOM_START: 'bottom-start',
LEFT_END: 'left-end',
LEFT: 'left',
LEFT_START: 'left-start'
};
const icons = [{
type:'regular',
names:[
'0-circle',
'0-square',
'1-circle',
'1-square',
'123',
'2-circle',
'2-square',
'3-circle',
'3-square',
'4-circle',
'4-square',
'5-circle',
'5-square',
'6-circle',
'6-square',
'7-circle',
'7-square',
'8-circle',
'8-square',
'9-circle',
'9-square',
'activity',
'airplane',
'airplane-engines',
'alarm',
'alexa',
'align-bottom',
'align-center',
'align-end',
'align-middle',
'align-start',
'align-top',
'alipay',
'alphabet',
'alphabet-uppercase',
'alt',
'amazon',
'amd',
'android',
'android2',
'app',
'app-indicator',
'apple',
'archive',
'arrow-90deg-down',
'arrow-90deg-left',
'arrow-90deg-right',
'arrow-90deg-up',
'arrow-bar-down',
'arrow-bar-left',
'arrow-bar-right',
'arrow-bar-up',
'arrow-clockwise',
'arrow-counterclockwise',
'arrow-down',
'arrow-down-circle',
'arrow-down-left-circle',
'arrow-down-left-square',
'arrow-down-right-circle',
'arrow-down-right-square',
'arrow-down-square',
'arrow-down-left',
'arrow-down-right',
'arrow-down-short',
'arrow-down-up',
'arrow-left',
'arrow-left-circle',
'arrow-left-square',
'arrow-left-right',
'arrow-left-short',
'arrow-repeat',
'arrow-return-left',
'arrow-return-right',
'arrow-right',
'arrow-right-circle',
'arrow-right-square',
'arrow-right-short',
'arrow-through-heart',
'arrow-up',
'arrow-up-circle',
'arrow-up-left-circle',
'arrow-up-left-square',
'arrow-up-right-circle',
'arrow-up-right-square',
'arrow-up-square',
'arrow-up-left',
'arrow-up-right',
'arrow-up-short',
'arrows',
'arrows-angle-contract',
'arrows-angle-expand',
'arrows-collapse',
'arrows-collapse-vertical',
'arrows-expand',
'arrows-expand-vertical',
'arrows-fullscreen',
'arrows-move',
'arrows-vertical',
'aspect-ratio',
'asterisk',
'at',
'award',
'back',
'backpack',
'backpack2',
'backpack3',
'backpack4',
'backspace',
'backspace-reverse',
'badge-3d',
'badge-4k',
'badge-8k',
'badge-ad',
'badge-ar',
'badge-cc',
'badge-hd',
'badge-sd',
'badge-tm',
'badge-vo',
'badge-vr',
'badge-wc',
'bag',
'bag-check',
'bag-dash',
'bag-heart',
'bag-plus',
'bag-x',
'balloon',
'balloon-heart',
'ban',
'bandaid',
'bank',
'bank2',
'bar-chart',
'bar-chart-line',
'bar-chart-steps',
'basket',
'basket2',
'basket3',
'battery',
'battery-charging',
'battery-full',
'battery-half',
'behance',
'bell',
'bell-slash',
'bezier',
'bezier2',
'bicycle',
'bing',
'binoculars',
'blockquote-left',
'blockquote-right',
'bluetooth',
'body-text',
'book',
'book-half',
'bookmark',
'bookmark-check',
'bookmark-dash',
'bookmark-heart',
'bookmark-plus',
'bookmark-star',
'bookmark-x',
'bookmarks',
'bookshelf',
'boombox',
'bootstrap',
'bootstrap-reboot',
'border',
'border-all',
'border-bottom',
'border-center',
'border-inner',
'border-left',
'border-middle',
'border-outer',
'border-right',
'border-style',
'border-top',
'border-width',
'bounding-box',
'bounding-box-circles',
'box',
'box-arrow-down-left',
'box-arrow-down-right',
'box-arrow-down',
'box-arrow-in-down',
'box-arrow-in-down-left',
'box-arrow-in-down-right',
'box-arrow-in-left',
'box-arrow-in-right',
'box-arrow-in-up',
'box-arrow-in-up-left',
'box-arrow-in-up-right',
'box-arrow-left',
'box-arrow-right',
'box-arrow-up',
'box-arrow-up-left',
'box-arrow-up-right',
'box-seam',
'box2',
'box2-heart',
'boxes',
'braces',
'braces-asterisk',
'bricks',
'briefcase',
'brightness-alt-high',
'brightness-alt-low',
'brightness-high',
'brightness-low',
'brilliance',
'broadcast',
'broadcast-pin',
'browser-chrome',
'browser-edge',
'browser-firefox',
'browser-safari',
'brush',
'bucket',
'bug',
'building',
'building-add',
'building-check',
'building-dash',
'building-down',
'building-exclamation',
'building-gear',
'building-lock',
'building-slash',
'building-up',
'building-x',
'buildings',
'bullseye',
'bus-front',
'c-circle',
'c-square',
'cake',
'cake2',
'calculator',
'calendar',
'calendar-check',
'calendar-date',
'calendar-day',
'calendar-event',
'calendar-heart',
'calendar-minus',
'calendar-month',
'calendar-plus',
'calendar-range',
'calendar-week',
'calendar-x',
'calendar2',
'calendar2-check',
'calendar2-date',
'calendar2-day',
'calendar2-event',
'calendar2-heart',
'calendar2-minus',
'calendar2-month',
'calendar2-plus',
'calendar2-range',
'calendar2-week',
'calendar2-x',
'calendar3',
'calendar3-event',
'calendar3-range',
'calendar3-week',
'calendar4',
'calendar4-event',
'calendar4-range',
'calendar4-week',
'camera',
'camera2',
'camera-reels',
'camera-video',
'camera-video-off',
'capslock',
'capsule',
'capsule-pill',
'car-front',
'card-checklist',
'card-heading',
'card-image',
'card-list',
'card-text',
'caret-down',
'caret-down-square',
'caret-left',
'caret-left-square',
'caret-right',
'caret-right-square',
'caret-up',
'caret-up-square',
'cart',
'cart-check',
'cart-dash',
'cart-plus',
'cart-x',
'cart2',
'cart3',
'cart4',
'cash',
'cash-coin',
'cash-stack',
'cassette',
'cast',
'cc-circle',
'cc-square',
'chat',
'chat-dots',
'chat-heart',
'chat-left',
'chat-left-dots',
'chat-left-heart',
'chat-left-quote',
'chat-left-text',
'chat-quote',
'chat-right',
'chat-right-dots',
'chat-right-heart',
'chat-right-quote',
'chat-right-text',
'chat-square',
'chat-square-dots',
'chat-square-heart',
'chat-square-quote',
'chat-square-text',
'chat-text',
'check',
'check-all',
'check-circle',
'check-lg',
'check-square',
'check2',
'check2-all',
'check2-circle',
'check2-square',
'chevron-bar-contract',
'chevron-bar-down',
'chevron-bar-expand',
'chevron-bar-left',
'chevron-bar-right',
'chevron-bar-up',
'chevron-compact-down',
'chevron-compact-left',
'chevron-compact-right',
'chevron-compact-up',
'chevron-contract',
'chevron-double-down',
'chevron-double-left',
'chevron-double-right',
'chevron-double-up',
'chevron-down',
'chevron-expand',
'chevron-left',
'chevron-right',
'chevron-up',
'circle',
'circle-half',
'slash-circle',
'circle-square',
'clipboard',
'clipboard-check',
'clipboard-data',
'clipboard-heart',
'clipboard-minus',
'clipboard-plus',
'clipboard-pulse',
'clipboard-x',
'clipboard2',
'clipboard2-check',
'clipboard2-data',
'clipboard2-heart',
'clipboard2-minus',
'clipboard2-plus',
'clipboard2-pulse',
'clipboard2-x',
'clock',
'clock-history',
'cloud',
'cloud-arrow-down',
'cloud-arrow-up',
'cloud-check',
'cloud-download',
'cloud-drizzle',
'cloud-fog',
'cloud-fog2',
'cloud-hail',
'cloud-haze',
'cloud-haze2',
'cloud-lightning',
'cloud-lightning-rain',
'cloud-minus',
'cloud-moon',
'cloud-plus',
'cloud-rain',
'cloud-rain-heavy',
'cloud-slash',
'cloud-sleet',
'cloud-snow',
'cloud-sun',
'cloud-upload',
'clouds',
'cloudy',
'code',
'code-slash',
'code-square',
'coin',
'collection',
'collection-play',
'columns',
'columns-gap',
'command',
'compass',
'cone',
'cone-striped',
'controller',
'cookie',
'copy',
'cpu',
'credit-card',
'credit-card-2-back',
'credit-card-2-front',
'crop',
'crosshair',
'crosshair2',
'cup',
'cup-hot',
'cup-straw',
'currency-bitcoin',
'currency-dollar',
'currency-euro',
'currency-exchange',
'currency-pound',
'currency-rupee',
'currency-yen',
'cursor',
'cursor-text',
'dash',
'dash-circle',
'dash-circle-dotted',
'dash-lg',
'dash-square',
'dash-square-dotted',
'database',
'database-add',
'database-check',
'database-dash',
'database-down',
'database-exclamation',
'database-gear',
'database-lock',
'database-slash',
'database-up',
'database-x',
'device-hdd',
'device-ssd',
'diagram-2',
'diagram-3',
'diamond',
'diamond-half',
'dice-1',
'dice-2',
'dice-3',
'dice-4',
'dice-5',
'dice-6',
'disc',
'discord',
'display',
'displayport',
'distribute-horizontal',
'distribute-vertical',
'door-closed',
'door-open',
'dot',
'download',
'dpad',
'dribbble',
'dropbox',
'droplet',
'droplet-half',
'duffle',
'ear',
'earbuds',
'easel',
'easel2',
'easel3',
'egg',
'egg-fried',
'eject',
'emoji-angry',
'emoji-astonished',
'emoji-dizzy',
'emoji-expressionless',
'emoji-frown',
'emoji-grimace',
'emoji-grin',
'emoji-heart-eyes',
'emoji-kiss',
'emoji-laughing',
'emoji-neutral',
'emoji-smile',
'emoji-smile-upside-down',
'emoji-sunglasses',
'emoji-surprise',
'emoji-tear',
'emoji-wink',
'envelope',
'envelope-arrow-down',
'envelope-arrow-up',
'envelope-at',
'envelope-check',
'envelope-dash',
'envelope-exclamation',
'envelope-heart',
'envelope-open',
'envelope-open-heart',
'envelope-paper',
'envelope-paper-heart',
'envelope-plus',
'envelope-slash',
'envelope-x',
'eraser',
'escape',
'ethernet',
'ev-front',
'ev-station',
'exclamation',
'exclamation-circle',
'exclamation-diamond',
'exclamation-lg',
'exclamation-octagon',
'exclamation-square',
'exclamation-triangle',
'exclude',
'explicit',
'exposure',
'eye',
'eye-slash',
'eyedropper',
'eyeglasses',
'facebook',
'fan',
'fast-forward',
'fast-forward-btn',
'fast-forward-circle',
'feather',
'feather2',
'file',
'file-arrow-down',
'file-arrow-up',
'file-bar-graph',
'file-binary',
'file-break',
'file-check',
'file-code',
'file-diff',
'file-earmark',
'file-earmark-arrow-down',
'file-earmark-arrow-up',
'file-earmark-bar-graph',
'file-earmark-binary',
'file-earmark-break',
'file-earmark-check',
'file-earmark-code',
'file-earmark-diff',
'file-earmark-easel',
'file-earmark-excel',
'file-earmark-font',
'file-earmark-image',
'file-earmark-lock',
'file-earmark-lock2',
'file-earmark-medical',
'file-earmark-minus',
'file-earmark-music',
'file-earmark-pdf',
'file-earmark-person',
'file-earmark-play',
'file-earmark-plus',
'file-earmark-post',
'file-earmark-ppt',
'file-earmark-richtext',
'file-earmark-ruled',
'file-earmark-slides',
'file-earmark-spreadsheet',
'file-earmark-text',
'file-earmark-word',
'file-earmark-x',
'file-earmark-zip',
'file-easel',
'file-excel',
'file-font',
'file-image',
'file-lock',
'file-lock2',
'file-medical',
'file-minus',
'file-music',
'file-pdf',
'file-person',
'file-play',
'file-plus',
'file-post',
'file-ppt',
'file-richtext',
'file-ruled',
'file-slides',
'file-spreadsheet',
'file-text',
'file-word',
'file-x',
'file-zip',
'files',
'files-alt',
'filetype-aac',
'filetype-ai',
'filetype-bmp',
'filetype-cs',
'filetype-css',
'filetype-csv',
'filetype-doc',
'filetype-docx',
'filetype-exe',
'filetype-gif',
'filetype-heic',
'filetype-html',
'filetype-java',
'filetype-jpg',
'filetype-js',
'filetype-json',
'filetype-jsx',
'filetype-key',
'filetype-m4p',
'filetype-md',
'filetype-mdx',
'filetype-mov',
'filetype-mp3',
'filetype-mp4',
'filetype-otf',
'filetype-pdf',
'filetype-php',
'filetype-png',
'filetype-ppt',
'filetype-pptx',
'filetype-psd',
'filetype-py',
'filetype-raw',
'filetype-rb',
'filetype-sass',
'filetype-scss',
'filetype-sh',
'filetype-sql',
'filetype-svg',
'filetype-tiff',
'filetype-tsx',
'filetype-ttf',
'filetype-txt',
'filetype-wav',
'filetype-woff',
'filetype-xls',
'filetype-xlsx',
'filetype-xml',
'filetype-yml',
'film',
'filter',
'filter-circle',
'filter-left',
'filter-right',
'filter-square',
'fingerprint',
'fire',
'flag',
'floppy',
'floppy2',
'flower1',
'flower2',
'flower3',
'folder',
'folder-check',
'folder-minus',
'folder-plus',
'folder-symlink',
'folder-x',
'folder2',
'folder2-open',
'fonts',
'forward',
'front',
'fuel-pump',
'fuel-pump-diesel',
'fullscreen',
'fullscreen-exit',
'funnel',
'gear',
'gear-wide',
'gear-wide-connected',
'gem',
'gender-ambiguous',
'gender-female',
'gender-male',
'gender-neuter',
'gender-trans',
'geo',
'geo-alt',
'gift',
'git',
'github',
'gitlab',
'globe',
'globe-americas',
'globe-asia-australia',
'globe-central-south-asia',
'globe-europe-africa',
'globe2',
'google',
'google-play',
'gpu-card',
'graph-down',
'graph-down-arrow',
'graph-up',
'graph-up-arrow',
'grid',
'grid-1x2',
'grid-3x2',
'grid-3x2-gap',
'grid-3x3',
'grid-3x3-gap',
'grip-horizontal',
'grip-vertical',
'h-circle',
'h-square',
'hammer',
'hand-index',
'hand-index-thumb',
'hand-thumbs-down',
'hand-thumbs-up',
'handbag',
'hash',
'hdd',
'hdd-network',
'hdd-rack',
'hdd-stack',
'hdmi',
'headphones',
'headset',
'headset-vr',
'heart',
'heart-arrow',
'heart-half',
'heart-pulse',
'heartbreak',
'hearts',
'heptagon',
'heptagon-half',
'hexagon',
'hexagon-half',
'highlighter',
'highlights',
'hospital',
'hourglass',
'hourglass-bottom',
'hourglass-split',
'hourglass-top',
'house',
'house-add',
'house-check',
'house-dash',
'house-door',
'house-down',
'house-exclamation',
'house-gear',
'house-heart',
'house-lock',
'house-slash',
'house-up',
'house-x',
'houses',
'hr',
'hurricane',
'hypnotize',
'image',
'image-alt',
'images',
'inbox',
'inboxes',
'incognito',
'indent',
'infinity',
'info',
'info-circle',
'info-lg',
'info-square',
'input-cursor',
'input-cursor-text',
'instagram',
'intersect',
'journal',
'journal-album',
'journal-arrow-down',
'journal-arrow-up',
'journal-bookmark',
'journal-check',
'journal-code',
'journal-medical',
'journal-minus',
'journal-plus',
'journal-richtext',
'journal-text',
'journal-x',
'journals',
'joystick',
'justify',
'justify-left',
'justify-right',
'kanban',
'key',
'keyboard',
'ladder',
'lamp',
'laptop',
'layer-backward',
'layer-forward',
'layers',
'layers-half',
'layout-sidebar',
'layout-sidebar-inset-reverse',
'layout-sidebar-inset',
'layout-sidebar-reverse',
'layout-split',
'layout-text-sidebar',
'layout-text-sidebar-reverse',
'layout-text-window',
'layout-text-window-reverse',
'layout-three-columns',
'layout-wtf',
'life-preserver',
'lightbulb',
'lightbulb-off',
'lightning',
'lightning-charge',
'line',
'link',
'link-45deg',
'linkedin',
'list',
'list-check',
'list-columns',
'list-columns-reverse',
'list-nested',
'list-ol',
'list-stars',
'list-task',
'list-ul',
'lock',
'luggage',
'lungs',
'magic',
'magnet',
'mailbox',
'mailbox-flag',
'mailbox2',
'mailbox2-flag',
'map',
'markdown',
'marker-tip',
'mask',
'mastodon',
'medium',
'megaphone',
'memory',
'menu-app',
'menu-button',
'menu-button-wide',
'menu-down',
'menu-up',
'messenger',
'meta',
'mic',
'mic-mute',
'microsoft',
'microsoft-teams',
'minecart',
'minecart-loaded',
'modem',
'moisture',
'moon',
'moon-stars',
'mortarboard',
'motherboard',
'mouse',
'mouse2',
'mouse3',
'music-note',
'music-note-beamed',
'music-note-list',
'music-player',
'newspaper',
'nintendo-switch',
'node-minus',
'node-plus',
'noise-reduction',
'nut',
'nvidia',
'nvme',
'octagon',
'octagon-half',
'opencollective',
'optical-audio',
'option',
'outlet',
'p-circle',
'p-square',
'paint-bucket',
'palette',
'palette2',
'paperclip',
'paragraph',
'pass',
'passport',
'patch-check',
'patch-exclamation',
'patch-minus',
'patch-plus',
'patch-question',
'pause',
'pause-btn',
'pause-circle',
'paypal',
'pc',
'pc-display',
'pc-display-horizontal',
'pc-horizontal',
'pci-card',
'pci-card-network',
'pci-card-sound',
'peace',
'pen',
'pencil',
'pencil-square',
'pentagon',
'pentagon-half',
'people',
'person-circle',
'percent',
'person',
'person-add',
'person-arms-up',
'person-badge',
'person-bounding-box',
'person-check',
'person-dash',
'person-down',
'person-exclamation',
'person-gear',
'person-heart',
'person-hearts',
'person-lock',
'person-plus',
'person-raised-hand',
'person-rolodex',
'person-slash',
'person-square',
'person-standing',
'person-standing-dress',
'person-up',
'person-vcard',
'person-video',
'person-video2',
'person-video3',
'person-walking',
'person-wheelchair',
'person-workspace',
'person-x',
'phone',
'phone-flip',
'phone-landscape',
'phone-vibrate',
'pie-chart',
'piggy-bank',
'pin',
'pin-angle',
'pin-map',
'pinterest',
'pip',
'play',
'play-btn',
'play-circle',
'playstation',
'plug',
'plugin',
'plus',
'plus-circle',
'plus-circle-dotted',
'plus-lg',
'plus-slash-minus',
'plus-square',
'plus-square-dotted',
'postage',
'postage-heart',
'postcard',
'postcard-heart',
'power',
'prescription',
'prescription2',
'printer',
'projector',
'puzzle',
'qr-code',
'qr-code-scan',
'question',
'question-circle',
'question-diamond',
'question-lg',
'question-octagon',
'question-square',
'quora',
'quote',
'r-circle',
'r-square',
'radar',
'radioactive',
'rainbow',
'receipt',
'receipt-cutoff',
'reception-0',
'reception-1',
'reception-2',
'reception-3',
'reception-4',
'record',
'record-btn',
'record-circle',
'record2',
'recycle',
'reddit',
'regex',
'repeat',
'repeat-1',
'reply',
'reply-all',
'rewind',
'rewind-btn',
'rewind-circle',
'robot',
'rocket',
'rocket-takeoff',
'router',
'rss',
'rulers',
'safe',
'safe2',
'save',
'save2',
'scissors',
'scooter',
'screwdriver',
'sd-card',
'search',
'search-heart',
'segmented-nav',
'send',
'send-arrow-down',
'send-arrow-up',
'send-check',
'send-dash',
'send-exclamation',
'send-plus',
'send-slash',
'send-x',
'server',
'shadows',
'share',
'shield',
'shield-check',
'shield-exclamation',
'shield-lock',
'shield-minus',
'shield-plus',
'shield-shaded',
'shield-slash',
'shield-x',
'shift',
'shop',
'shop-window',
'shuffle',
'sign-dead-end',
'sign-do-not-enter',
'sign-intersection',
'sign-intersection-side',
'sign-intersection-t',
'sign-intersection-y',
'sign-merge-left',
'sign-merge-right',
'sign-no-left-turn',
'sign-no-parking',
'sign-no-right-turn',
'sign-railroad',
'sign-stop',
'sign-stop-lights',
'sign-turn-left',
'sign-turn-right',
'sign-turn-slight-left',
'sign-turn-slight-right',
'sign-yield',
'signal',
'signpost',
'signpost-2',
'signpost-split',
'sim',
'sim-slash',
'sina-weibo',
'skip-backward',
'skip-backward-btn',
'skip-backward-circle',
'skip-end',
'skip-end-btn',
'skip-end-circle',
'skip-forward',
'skip-forward-btn',
'skip-forward-circle',
'skip-start',
'skip-start-btn',
'skip-start-circle',
'skype',
'slack',
'slash',
'slash-lg',
'slash-square',
'sliders',
'sliders2',
'sliders2-vertical',
'smartwatch',
'snapchat',
'snow',
'snow2',
'snow3',
'sort-alpha-down',
'sort-alpha-down-alt',
'sort-alpha-up',
'sort-alpha-up-alt',
'sort-down',
'sort-down-alt',
'sort-numeric-down',
'sort-numeric-down-alt',
'sort-numeric-up',
'sort-numeric-up-alt',
'sort-up',
'sort-up-alt',
'soundwave',
'sourceforge',
'speaker',
'speedometer',
'speedometer2',
'spellcheck',
'spotify',
'square',
'square-half',
'stack',
'stack-overflow',
'star',
'star-half',
'stars',
'steam',
'stickies',
'sticky',
'stop',
'stop-btn',
'stop-circle',
'stoplights',
'stopwatch',
'strava',
'stripe',
'subscript',
'substack',
'subtract',
'suit-club',
'suit-diamond',
'suit-heart',
'suit-spade',
'suitcase',
'suitcase-lg',
'suitcase2',
'sun',
'sunglasses',
'sunrise',
'sunset',
'superscript',
'symmetry-horizontal',
'symmetry-vertical',
'table',
'tablet',
'tablet-landscape',
'tag',
'tags',
'taxi-front',
'telegram',
'telephone',
'telephone-forward',
'telephone-inbound',
'telephone-minus',
'telephone-outbound',
'telephone-plus',
'telephone-x',
'tencent-qq',
'terminal',
'terminal-dash',
'terminal-plus',
'terminal-split',
'terminal-x',
'text-center',
'text-indent-left',
'text-indent-right',
'text-left',
'text-paragraph',
'text-right',
'text-wrap',
'textarea',
'textarea-resize',
'textarea-t',
'thermometer',
'thermometer-half',
'thermometer-high',
'thermometer-low',
'thermometer-snow',
'thermometer-sun',
'threads',
'three-dots',
'three-dots-vertical',
'thunderbolt',
'ticket',
'ticket-detailed',
'ticket-perforated',
'tiktok',
'toggle-off',
'toggle-on',
'toggle2-off',
'toggle2-on',
'toggles',
'toggles2',
'tools',
'tornado',
'train-freight-front',
'train-front',
'train-lightrail-front',
'translate',
'transparency',
'trash',
'trash2',
'trash3',
'tree',
'trello',
'triangle',
'triangle-half',
'trophy',
'tropical-storm',
'truck',
'truck-flatbed',
'truck-front',
'tsunami',
'tv',
'twitch',
'twitter',
'twitter-x',
'type',
'type-bold',
'type-h1',
'type-h2',
'type-h3',
'type-h4',
'type-h5',
'type-h6',
'type-italic',
'type-strikethrough',
'type-underline',
'ubuntu',
'ui-checks',
'ui-checks-grid',
'ui-radios',
'ui-radios-grid',
'umbrella',
'unindent',
'union',
'unity',
'universal-access',
'universal-access-circle',
'unlock',
'upc',
'upc-scan',
'upload',
'usb',
'usb-c',
'usb-drive',
'usb-micro',
'usb-mini',
'usb-plug',
'usb-symbol',
'valentine',
'valentine2',
'vector-pen',
'view-list',
'view-stacked',
'vignette',
'vimeo',
'vinyl',
'virus',
'virus2',
'voicemail',
'volume-down',
'volume-mute',
'volume-off',
'volume-up',
'vr',
'wallet',
'wallet2',
'watch',
'water',
'webcam',
'wechat',
'whatsapp',
'wifi',
'wifi-1',
'wifi-2',
'wifi-off',
'wikipedia',
'wind',
'window',
'window-dash',
'window-desktop',
'window-dock',
'window-fullscreen',
'window-plus',
'window-sidebar',
'window-split',
'window-stack',
'window-x',
'windows',
'wordpress',
'wrench',
'wrench-adjustable',
'wrench-adjustable-circle',
'x',
'x-circle',
'x-diamond',
'x-lg',
'x-octagon',
'x-square',
'xbox',
'yelp',
'yin-yang',
'youtube',
'zoom-in',
'zoom-out'
]
}, {
type:'filled',
names:[
'0-circle-fill',
'0-square-fill',
'1-circle-fill',
'1-square-fill',
'2-circle-fill',
'2-square-fill',
'3-circle-fill',
'3-square-fill',
'4-circle-fill',
'4-square-fill',
'5-circle-fill',
'5-square-fill',
'6-circle-fill',
'6-square-fill',
'7-circle-fill',
'7-square-fill',
'8-circle-fill',
'8-square-fill',
'9-circle-fill',
'9-square-fill',
'airplane-engines-fill',
'airplane-fill',
'alarm-fill',
'archive-fill',
'arrow-down-circle-fill',
'arrow-down-left-circle-fill',
'arrow-down-left-square-fill',
'arrow-down-right-circle-fill',
'arrow-down-right-square-fill',
'arrow-down-square-fill',
'arrow-left-circle-fill',
'arrow-left-square-fill',
'arrow-right-circle-fill',
'arrow-right-square-fill',
'arrow-through-heart-fill',
'arrow-up-circle-fill',
'arrow-up-left-circle-fill',
'arrow-up-left-square-fill',
'arrow-up-right-circle-fill',
'arrow-up-right-square-fill',
'arrow-up-square-fill',
'aspect-ratio-fill',
'award-fill',
'backpack-fill',
'backpack2-fill',
'backpack3-fill',
'backpack4-fill',
'backspace-fill',
'backspace-reverse-fill',
'badge-3d-fill',
'badge-4k-fill',
'badge-8k-fill',
'badge-ad-fill',
'badge-ar-fill',
'badge-cc-fill',
'badge-hd-fill',
'badge-sd-fill',
'badge-tm-fill',
'badge-vo-fill',
'badge-vr-fill',
'badge-wc-fill',
'bag-check-fill',
'bag-dash-fill',
'bag-fill',
'bag-heart-fill',
'bag-plus-fill',
'bag-x-fill',
'balloon-fill',
'balloon-heart-fill',
'ban-fill',
'bandaid-fill',
'bar-chart-fill',
'bar-chart-line-fill',
'basket-fill',
'basket2-fill',
'basket3-fill',
'bell-fill',
'bell-slash-fill',
'binoculars-fill',
'book-fill',
'bookmark-check-fill',
'bookmark-dash-fill',
'bookmark-fill',
'bookmark-heart-fill',
'bookmark-plus-fill',
'bookmark-star-fill',
'bookmark-x-fill',
'bookmarks-fill',
'boombox-fill',
'bootstrap-fill',
'box-fill',
'box-seam-fill',
'box2-fill',
'box2-heart-fill',
'briefcase-fill',
'brightness-alt-high-fill',
'brightness-alt-low-fill',
'brightness-high-fill',
'brightness-low-fill',
'brush-fill',
'bucket-fill',
'bug-fill',
'building-fill',
'building-fill-add',
'building-fill-check',
'building-fill-dash',
'building-fill-down',
'building-fill-exclamation',
'building-fill-gear',
'building-fill-lock',
'building-fill-slash',
'building-fill-up',
'building-fill-x',
'buildings-fill',
'bus-front-fill',
'c-circle-fill',
'c-square-fill',
'cake-fill',
'cake2-fill',
'calculator-fill',
'calendar-check-fill',
'calendar-date-fill',
'calendar-day-fill',
'calendar-event-fill',
'calendar-fill',
'calendar-heart-fill',
'calendar-minus-fill',
'calendar-month-fill',
'calendar-plus-fill',
'calendar-range-fill',
'calendar-week-fill',
'calendar-x-fill',
'calendar2-check-fill',
'calendar2-date-fill',
'calendar2-day-fill',
'calendar2-event-fill',
'calendar2-fill',
'calendar2-heart-fill',
'calendar2-minus-fill',
'calendar2-month-fill',
'calendar2-plus-fill',
'calendar2-range-fill',
'calendar2-week-fill',
'calendar2-x-fill',
'calendar3-event-fill',
'calendar3-fill',
'calendar3-range-fill',
'calendar3-week-fill',
'camera-fill',
'camera-reels-fill',
'camera-video-fill',
'camera-video-off-fill',
'capslock-fill',
'car-front-fill',
'caret-down-fill',
'caret-down-square-fill',
'caret-left-fill',
'caret-left-square-fill',
'caret-right-fill',
'caret-right-square-fill',
'caret-up-fill',
'caret-up-square-fill',
'cart-check-fill',
'cart-dash-fill',
'cart-fill',
'cart-plus-fill',
'cart-x-fill',
'cassette-fill',
'cc-circle-fill',
'cc-square-fill',
'chat-dots-fill',
'chat-fill',
'chat-heart-fill',
'chat-left-dots-fill',
'chat-left-fill',
'chat-left-heart-fill',
'chat-left-quote-fill',
'chat-left-text-fill',
'chat-quote-fill',
'chat-right-dots-fill',
'chat-right-fill',
'chat-right-heart-fill',
'chat-right-quote-fill',
'chat-right-text-fill',
'chat-square-dots-fill',
'chat-square-fill',
'chat-square-heart-fill',
'chat-square-quote-fill',
'chat-square-text-fill',
'chat-text-fill',
'check-circle-fill',
'check-square-fill',
'circle-fill',
'clipboard-check-fill',
'clipboard-data-fill',
'clipboard-fill',
'clipboard-heart-fill',
'clipboard-minus-fill',
'clipboard-plus-fill',
'clipboard-x-fill',
'clipboard2-check-fill',
'clipboard2-data-fill',
'clipboard2-fill',
'clipboard2-heart-fill',
'clipboard2-minus-fill',
'clipboard2-plus-fill',
'clipboard2-pulse-fill',
'clipboard2-x-fill',
'clock-fill',
'cloud-arrow-down-fill',
'cloud-arrow-up-fill',
'cloud-check-fill',
'cloud-download-fill',
'cloud-drizzle-fill',
'cloud-fill',
'cloud-fog-fill',
'cloud-fog2-fill',
'cloud-hail-fill',
'cloud-haze-fill',
'cloud-haze2-fill',
'cloud-lightning-fill',
'cloud-lightning-rain-fill',
'cloud-minus-fill',
'cloud-moon-fill',
'cloud-plus-fill',
'cloud-rain-fill',
'cloud-rain-heavy-fill',
'cloud-slash-fill',
'cloud-sleet-fill',
'cloud-snow-fill',
'cloud-sun-fill',
'cloud-upload-fill',
'clouds-fill',
'cloudy-fill',
'collection-fill',
'collection-play-fill',
'compass-fill',
'cpu-fill',
'credit-card-2-back-fill',
'credit-card-2-front-fill',
'credit-card-fill',
'cup-fill',
'cup-hot-fill',
'cursor-fill',
'dash-circle-fill',
'dash-square-fill',
'database-fill',
'database-fill-add',
'database-fill-check',
'database-fill-dash',
'database-fill-down',
'database-fill-exclamation',
'database-fill-gear',
'database-fill-lock',
'database-fill-slash',
'database-fill-up',
'database-fill-x',
'device-hdd-fill',
'device-ssd-fill',
'diagram-2-fill',
'diagram-3-fill',
'diamond-fill',
'dice-1-fill',
'dice-2-fill',
'dice-3-fill',
'dice-4-fill',
'dice-5-fill',
'dice-6-fill',
'disc-fill',
'display-fill',
'displayport-fill',
'door-closed-fill',
'door-open-fill',
'dpad-fill',
'droplet-fill',
'duffle-fill',
'ear-fill',
'easel-fill',
'easel2-fill',
'easel3-fill',
'egg-fill',
'eject-fill',
'emoji-angry-fill',
'emoji-astonished-fill',
'emoji-dizzy-fill',
'emoji-expressionless-fill',
'emoji-frown-fill',
'emoji-grimace-fill',
'emoji-grin-fill',
'emoji-heart-eyes-fill',
'emoji-kiss-fill',
'emoji-laughing-fill',
'emoji-neutral-fill',
'emoji-smile-fill',
'emoji-smile-upside-down-fill',
'emoji-sunglasses-fill',
'emoji-surprise-fill',
'emoji-tear-fill',
'emoji-wink-fill',
'envelope-arrow-down-fill',
'envelope-arrow-up-fill',
'envelope-at-fill',
'envelope-check-fill',
'envelope-dash-fill',
'envelope-exclamation-fill',
'envelope-fill',
'envelope-heart-fill',
'envelope-open-fill',
'envelope-open-heart-fill',
'envelope-paper-fill',
'envelope-paper-heart-fill',
'envelope-plus-fill',
'envelope-slash-fill',
'envelope-x-fill',
'eraser-fill',
'ev-front-fill',
'ev-station-fill',
'exclamation-circle-fill',
'exclamation-diamond-fill',
'exclamation-octagon-fill',
'exclamation-square-fill',
'exclamation-triangle-fill',
'explicit-fill',
'eye-fill',
'eye-slash-fill',
'fast-forward-btn-fill',
'fast-forward-circle-fill',
'fast-forward-fill',
'file-arrow-down-fill',
'file-arrow-up-fill',
'file-bar-graph-fill',
'file-binary-fill',
'file-break-fill',
'file-check-fill',
'file-code-fill',
'file-diff-fill',
'file-earmark-arrow-down-fill',
'file-earmark-arrow-up-fill',
'file-earmark-bar-graph-fill',
'file-earmark-binary-fill',
'file-earmark-break-fill',
'file-earmark-check-fill',
'file-earmark-code-fill',
'file-earmark-diff-fill',
'file-earmark-easel-fill',
'file-earmark-excel-fill',
'file-earmark-fill',
'file-earmark-font-fill',
'file-earmark-image-fill',
'file-earmark-lock-fill',
'file-earmark-lock2-fill',
'file-earmark-medical-fill',
'file-earmark-minus-fill',
'file-earmark-music-fill',
'file-earmark-pdf-fill',
'file-earmark-person-fill',
'file-earmark-play-fill',
'file-earmark-plus-fill',
'file-earmark-post-fill',
'file-earmark-ppt-fill',
'file-earmark-richtext-fill',
'file-earmark-ruled-fill',
'file-earmark-slides-fill',
'file-earmark-spreadsheet-fill',
'file-earmark-text-fill',
'file-earmark-word-fill',
'file-earmark-x-fill',
'file-earmark-zip-fill',
'file-easel-fill',
'file-excel-fill',
'file-fill',
'file-font-fill',
'file-image-fill',
'file-lock-fill',
'file-lock2-fill',
'file-medical-fill',
'file-minus-fill',
'file-music-fill',
'file-pdf-fill',
'file-person-fill',
'file-play-fill',
'file-plus-fill',
'file-post-fill',
'file-ppt-fill',
'file-richtext-fill',
'file-ruled-fill',
'file-slides-fill',
'file-spreadsheet-fill',
'file-text-fill',
'file-word-fill',
'file-x-fill',
'file-zip-fill',
'filter-circle-fill',
'filter-square-fill',
'flag-fill',
'floppy-fill',
'floppy2-fill',
'folder-fill',
'folder-symlink-fill',
'forward-fill',
'fuel-pump-diesel-fill',
'fuel-pump-fill',
'funnel-fill',
'gear-fill',
'geo-alt-fill',
'geo-fill',
'gift-fill',
'grid-1x2-fill',
'grid-3x2-gap-fill',
'grid-3x3-gap-fill',
'grid-fill',
'h-circle-fill',
'h-square-fill',
'hand-index-fill',
'hand-index-thumb-fill',
'hand-thumbs-down-fill',
'hand-thumbs-up-fill',
'handbag-fill',
'hdd-fill',
'hdd-network-fill',
'hdd-rack-fill',
'hdd-stack-fill',
'hdmi-fill',
'heart-fill',
'heart-pulse-fill',
'heartbreak-fill',
'heptagon-fill',
'hexagon-fill',
'hospital-fill',
'house-add-fill',
'house-check-fill',
'house-dash-fill',
'house-door-fill',
'house-down-fill',
'house-exclamation-fill',
'house-fill',
'house-gear-fill',
'house-heart-fill',
'house-lock-fill',
'house-slash-fill',
'house-up-fill',
'house-x-fill',
'houses-fill',
'image-fill',
'inbox-fill',
'inboxes-fill',
'info-circle-fill',
'info-square-fill',
'journal-bookmark-fill',
'kanban-fill',
'key-fill',
'keyboard-fill',
'lamp-fill',
'laptop-fill',
'layers-fill',
'lightbulb-fill',
'lightbulb-off-fill',
'lightning-charge-fill',
'lightning-fill',
'lock-fill',
'luggage-fill',
'lungs-fill',
'magnet-fill',
'map-fill',
'markdown-fill',
'megaphone-fill',
'menu-app-fill',
'menu-button-fill',
'menu-button-wide-fill',
'mic-fill',
'mic-mute-fill',
'modem-fill',
'moon-fill',
'moon-stars-fill',
'mortarboard-fill',
'motherboard-fill',
'mouse-fill',
'mouse2-fill',
'mouse3-fill',
'music-player-fill',
'node-minus-fill',
'node-plus-fill',
'nut-fill',
'nvme-fill',
'octagon-fill',
'optical-audio-fill',
'p-circle-fill',
'p-square-fill',
'palette-fill',
'pass-fill',
'passport-fill',
'patch-check-fill',
'patch-exclamation-fill',
'patch-minus-fill',
'patch-plus-fill',
'patch-question-fill',
'pause-btn-fill',
'pause-circle-fill',
'pause-fill',
'peace-fill',
'pen-fill',
'pencil-fill',
'pentagon-fill',
'people-fill',
'person-badge-fill',
'person-check-fill',
'person-dash-fill',
'person-fill',
'person-fill-add',
'person-fill-check',
'person-fill-dash',
'person-fill-down',
'person-fill-exclamation',
'person-fill-gear',
'person-fill-lock',
'person-fill-slash',
'person-fill-up',
'person-fill-x',
'person-lines-fill',
'person-plus-fill',
'person-vcard-fill',
'person-x-fill',
'phone-fill',
'phone-landscape-fill',
'phone-vibrate-fill',
'pie-chart-fill',
'piggy-bank-fill',
'pin-angle-fill',
'pin-fill',
'pin-map-fill',
'pip-fill',
'play-btn-fill',
'play-circle-fill',
'play-fill',
'plug-fill',
'plus-circle-fill',
'plus-square-fill',
'postage-fill',
'postage-heart-fill',
'postcard-fill',
'postcard-heart-fill',
'printer-fill',
'projector-fill',
'puzzle-fill',
'question-diamond-fill',
'question-circle-fill',
'question-octagon-fill',
'question-square-fill',
'r-circle-fill',
'r-square-fill',
'record-btn-fill',
'record-circle-fill',
'record-fill',
'record2-fill',
'reply-all-fill',
'reply-fill',
'rewind-btn-fill',
'rewind-circle-fill',
'rewind-fill',
'rocket-fill',
'rocket-takeoff-fill',
'router-fill',
'rss-fill',
'safe-fill',
'safe2-fill',
'save-fill',
'save2-fill',
'sd-card-fill',
'search-heart-fill',
'send-arrow-down-fill',
'send-arrow-up-fill',
'send-check-fill',
'send-dash-fill',
'send-exclamation-fill',
'send-fill',
'send-plus-fill',
'send-slash-fill',
'send-x-fill',
'share-fill',
'shield-fill',
'shield-fill-check',
'shield-fill-exclamation',
'shield-fill-minus',
'shield-fill-plus',
'shield-fill-x',
'shield-lock-fill',
'shield-slash-fill',
'shift-fill',
'sign-dead-end-fill',
'sign-do-not-enter-fill',
'sign-intersection-fill',
'sign-intersection-side-fill',
'sign-intersection-t-fill',
'sign-intersection-y-fill',
'sign-merge-left-fill',
'sign-merge-right-fill',
'sign-no-left-turn-fill',
'sign-no-parking-fill',
'sign-no-right-turn-fill',
'sign-railroad-fill',
'sign-stop-fill',
'sign-stop-lights-fill',
'sign-turn-left-fill',
'sign-turn-right-fill',
'sign-turn-slight-left-fill',
'sign-turn-slight-right-fill',
'sign-yield-fill',
'signpost-2-fill',
'signpost-fill',
'signpost-split-fill',
'sim-fill',
'sim-slash-fill',
'skip-backward-btn-fill',
'skip-backward-circle-fill',
'skip-backward-fill',
'skip-end-btn-fill',
'skip-end-circle-fill',
'skip-end-fill',
'skip-forward-btn-fill',
'skip-forward-circle-fill',
'skip-forward-fill',
'skip-start-btn-fill',
'skip-start-circle-fill',
'skip-start-fill',
'slash-circle-fill',
'slash-square-fill',
'speaker-fill',
'square-fill',
'star-fill',
'stickies-fill',
'sticky-fill',
'stop-btn-fill',
'stop-circle-fill',
'stop-fill',
'stoplights-fill',
'stopwatch-fill',
'suit-club-fill',
'suit-diamond-fill',
'suit-heart-fill',
'suit-spade-fill',
'suitcase-fill',
'suitcase-lg-fill',
'suitcase2-fill',
'sun-fill',
'sunrise-fill',
'sunset-fill',
'tablet-fill',
'tablet-landscape-fill',
'tag-fill',
'tags-fill',
'taxi-front-fill',
'telephone-fill',
'telephone-forward-fill',
'telephone-inbound-fill',
'telephone-minus-fill',
'telephone-outbound-fill',
'telephone-plus-fill',
'telephone-x-fill',
'terminal-fill',
'threads-fill',
'thunderbolt-fill',
'ticket-detailed-fill',
'ticket-fill',
'ticket-perforated-fill',
'train-freight-front-fill',
'train-front-fill',
'train-lightrail-front-fill',
'trash-fill',
'trash2-fill',
'trash3-fill',
'tree-fill',
'triangle-fill',
'trophy-fill',
'truck-front-fill',
'tv-fill',
'umbrella-fill',
'unlock-fill',
'usb-c-fill',
'usb-drive-fill',
'usb-fill',
'usb-micro-fill',
'usb-mini-fill',
'usb-plug-fill',
'vinyl-fill',
'volume-down-fill',
'volume-mute-fill',
'volume-off-fill',
'volume-up-fill',
'wallet-fill',
'webcam-fill',
'wrench-adjustable-circle-fill',
'x-circle-fill',
'x-diamond-fill',
'x-octagon-fill',
'x-square-fill'
]
}];
export {
variants,
variantsOutline,
variantsSubtle,
bgs,
horizontals,
placements,
colours,
gradients,
icons,
colourshades
};