@rocketui/vue 0.0.47 → 0.0.49
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.
- package/dist/rocket-ui-vue.cjs.js +1 -0
- package/dist/rocket-ui-vue.d.ts +1812 -0
- package/dist/rocket-ui-vue.es.js +9270 -0
- package/dist/rocket-ui-vue.umd.js +1 -0
- package/dist/style.css +2 -0
- package/package.json +7 -1
- package/.eslintrc.cjs +0 -79
- package/.gitattributes +0 -2
- package/.github/workflows/chromatic.yml +0 -28
- package/.github/workflows/publish-storybook.yml +0 -41
- package/.husky/pre-commit +0 -4
- package/.prettierrc.cjs +0 -10
- package/.storybook/Theme.js +0 -17
- package/.storybook/main.ts +0 -20
- package/.storybook/manager-head.html +0 -3
- package/.storybook/manager.js +0 -8
- package/.storybook/preview-head.html +0 -3
- package/.storybook/preview.ts +0 -36
- package/.storybook/source-panel/manager.js +0 -28
- package/.storybook/withSource.js +0 -91
- package/.vscode/extensions.json +0 -11
- package/.vscode/settings.json +0 -20
- package/index.html +0 -13
- package/lib/main.ts +0 -48
- package/postcss.config.cjs +0 -9
- package/resources/rocket-ui-logo-dark.svg +0 -27
- package/resources/rocket-ui-logo-light.svg +0 -27
- package/shims-rocketui.d.ts +0 -9
- package/src/App.vue +0 -15
- package/src/assets/blank-avatar.svg +0 -3
- package/src/assets/icons/mdi.js +0 -7302
- package/src/assets/logo.svg +0 -1
- package/src/components/Accordion/Accordion.mdx +0 -88
- package/src/components/Accordion/Accordion.stories.ts +0 -257
- package/src/components/Accordion/RAccordion.vue +0 -73
- package/src/components/Accordion/accordion.css +0 -75
- package/src/components/Accordion/accordion.spec.ts +0 -123
- package/src/components/Alert/Alert.mdx +0 -120
- package/src/components/Alert/Alert.stories.ts +0 -118
- package/src/components/Alert/RAlert.vue +0 -119
- package/src/components/Alert/alert.css +0 -136
- package/src/components/Alert/alert.spec.ts +0 -32
- package/src/components/Avatar/Avatar.mdx +0 -96
- package/src/components/Avatar/Avatar.stories.ts +0 -65
- package/src/components/Avatar/RAvatar.vue +0 -115
- package/src/components/Avatar/avatar.css +0 -82
- package/src/components/Avatar/avatar.spec.ts +0 -38
- package/src/components/Badge/Badge.mdx +0 -112
- package/src/components/Badge/Badge.stories.ts +0 -99
- package/src/components/Badge/RBadge.vue +0 -89
- package/src/components/Badge/badge.css +0 -63
- package/src/components/Badge/badge.spec.ts +0 -20
- package/src/components/Box/Box.mdx +0 -20
- package/src/components/Box/Box.stories.ts +0 -56
- package/src/components/Box/RBox.vue +0 -97
- package/src/components/Breadcrumb/Breadcrumb.stories.ts +0 -115
- package/src/components/Breadcrumb/RBreadcrumb.vue +0 -43
- package/src/components/Breadcrumb/breadcrumb.css +0 -29
- package/src/components/Button/Button.mdx +0 -148
- package/src/components/Button/Button.spec.ts +0 -29
- package/src/components/Button/Button.stories.ts +0 -118
- package/src/components/Button/RButton.vue +0 -179
- package/src/components/Button/button.css +0 -146
- package/src/components/Checkbox/Checkbox.mdx +0 -100
- package/src/components/Checkbox/Checkbox.stories.ts +0 -67
- package/src/components/Checkbox/RCheckbox.vue +0 -195
- package/src/components/Checkbox/checkbox.css +0 -67
- package/src/components/Checkbox/checkbox.spec.ts +0 -60
- package/src/components/Chips/Chip.mdx +0 -113
- package/src/components/Chips/Chip.stories.ts +0 -122
- package/src/components/Chips/RChip.vue +0 -125
- package/src/components/Chips/chip.css +0 -62
- package/src/components/Chips/chip.spec.ts +0 -40
- package/src/components/Dropdown/Dropdown.mdx +0 -135
- package/src/components/Dropdown/Dropdown.stories.ts +0 -84
- package/src/components/Dropdown/RDropdown.vue +0 -392
- package/src/components/Dropdown/dropdown.css +0 -113
- package/src/components/Dropdown/dropdown.spec.ts +0 -98
- package/src/components/Flex/Flex.mdx +0 -20
- package/src/components/Flex/Flex.stories.js +0 -127
- package/src/components/Flex/RFlex.vue +0 -91
- package/src/components/Grid/Grid.mdx +0 -20
- package/src/components/Grid/Grid.stories.js +0 -107
- package/src/components/Grid/RGrid.vue +0 -138
- package/src/components/Icon/Icon.mdx +0 -68
- package/src/components/Icon/Icon.stories.ts +0 -33
- package/src/components/Icon/RIcon.vue +0 -56
- package/src/components/Icon/icon.spec.ts +0 -25
- package/src/components/ItemGroup/ItemGroup.stories.ts +0 -91
- package/src/components/ItemGroup/RItem.vue +0 -74
- package/src/components/ItemGroup/RItemGroup.vue +0 -122
- package/src/components/ItemGroup/__snapshots__/itemgroup.spec.ts.snap +0 -13
- package/src/components/ItemGroup/itemgroup.spec.ts +0 -67
- package/src/components/Label/Label.mdx +0 -50
- package/src/components/Label/Label.stories.ts +0 -38
- package/src/components/Label/RLabel.vue +0 -42
- package/src/components/Label/label.css +0 -0
- package/src/components/Modal/Modal.mdx +0 -91
- package/src/components/Modal/Modal.stories.ts +0 -125
- package/src/components/Modal/RModal.vue +0 -130
- package/src/components/Modal/modal.css +0 -41
- package/src/components/Modal/modal.spec.ts +0 -25
- package/src/components/Pagination/Pagination.stories.ts +0 -24
- package/src/components/Pagination/RPagination.vue +0 -103
- package/src/components/Pagination/pagination.css +0 -47
- package/src/components/Pagination/pagination.spec.ts +0 -17
- package/src/components/ProgressBar/ProgressBar.stories.ts +0 -34
- package/src/components/ProgressBar/RProgressBar.vue +0 -21
- package/src/components/ProgressBar/progressbar.css +0 -24
- package/src/components/ProgressBar/progressbar.spec.ts +0 -17
- package/src/components/Shared/Enums.ts +0 -1
- package/src/components/Sidebar/RSidebar.vue +0 -27
- package/src/components/Sidebar/Sidebar.mdx +0 -31
- package/src/components/Sidebar/Sidebar.stories.ts +0 -34
- package/src/components/Sidebar/sidebar.css +0 -18
- package/src/components/Sidebar/sidebar.spec.ts +0 -33
- package/src/components/Snackbar/RSnackbar.vue +0 -136
- package/src/components/Snackbar/Snackbar.mdx +0 -126
- package/src/components/Snackbar/Snackbar.stories.ts +0 -93
- package/src/components/Snackbar/snackbar.css +0 -99
- package/src/components/Snackbar/snackbar.spec.ts +0 -56
- package/src/components/Switch/RSwitch.vue +0 -147
- package/src/components/Switch/Switch.mdx +0 -102
- package/src/components/Switch/Switch.stories.ts +0 -79
- package/src/components/Switch/switch.css +0 -102
- package/src/components/Switch/switch.spec.ts +0 -31
- package/src/components/TabItem/RTabItem.vue +0 -175
- package/src/components/TabItem/TabItem.mdx +0 -95
- package/src/components/TabItem/TabItem.spec.ts +0 -29
- package/src/components/TabItem/TabItem.stories.ts +0 -97
- package/src/components/TabItem/common.ts +0 -6
- package/src/components/TabItem/tab-item.css +0 -29
- package/src/components/Tabs/RTabs.vue +0 -94
- package/src/components/Tabs/Tabs.mdx +0 -78
- package/src/components/Tabs/Tabs.spec.ts +0 -28
- package/src/components/Tabs/Tabs.stories.ts +0 -191
- package/src/components/Tabs/tabs.css +0 -13
- package/src/components/Tabs/types.ts +0 -11
- package/src/components/TextArea/RTextArea.vue +0 -142
- package/src/components/TextArea/TextArea.mdx +0 -108
- package/src/components/TextArea/TextArea.stories.ts +0 -55
- package/src/components/TextArea/textarea.css +0 -51
- package/src/components/TextArea/textarea.spec.ts +0 -36
- package/src/components/Textfield/RTextfield.vue +0 -372
- package/src/components/Textfield/Textfield.mdx +0 -159
- package/src/components/Textfield/Textfield.stories.ts +0 -121
- package/src/components/Textfield/textfield.css +0 -81
- package/src/components/Textfield/textfield.spec.ts +0 -34
- package/src/components/Tooltip/RTooltip.vue +0 -325
- package/src/components/Tooltip/Tooltip.mdx +0 -111
- package/src/components/Tooltip/Tooltip.stories.ts +0 -203
- package/src/components/Tooltip/common.ts +0 -91
- package/src/components/Tooltip/tooltip.css +0 -34
- package/src/components/Tooltip/tooltip.spec.ts +0 -81
- package/src/components/Typography/Typography.mdx +0 -109
- package/src/components/Typography/typography.css +0 -128
- package/src/directives/index.ts +0 -19
- package/src/index.css +0 -241
- package/src/main.ts +0 -5
- package/src/scripts/buildIcons.js +0 -21
- package/src/stories/Colors.mdx +0 -355
- package/src/stories/GettingStarted.mdx +0 -121
- package/src/stories/Layout.mdx +0 -15
- package/tailwind.config.cjs +0 -16
- package/tsconfig.json +0 -24
- package/vite.config.ts +0 -39
- package/vitest.config.ts +0 -12
- /package/{public → dist}/design-tokens.source.json +0 -0
- /package/{public → dist}/favicon.ico +0 -0
package/dist/style.css
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Albert+Sans:wght@200;300;400;500;600;700;800&family=Roboto:wght@100&display=swap";.text-h1{font-size:4.5rem;font-weight:400;line-height:5.7rem}@media (max-width: 767px){.text-h1{font-size:3rem;line-height:3.5rem}}.text-h2{font-size:3.75rem;font-weight:400;line-height:4.75rem}@media (max-width: 767px){.text-h2{font-size:2.5rem;line-height:3rem}}.text-h3{font-size:3rem;font-weight:400;line-height:3.875rem}@media (max-width: 767px){.text-h3{font-size:2rem;line-height:2.5rem}}.text-h4{font-size:2.5rem;font-weight:400;line-height:3.25rem}@media (max-width: 767px){.text-h4{font-size:1.5rem;line-height:2rem}}.text-h5{font-size:2rem;font-weight:400;line-height:2.625rem}@media (max-width: 767px){.text-h5{font-size:1.25rem;line-height:1.75rem}}.text-title{font-size:1.5rem;font-weight:400;line-height:2rem}@media (max-width: 767px){.text-title{font-size:1.125rem;line-height:1.5rem}}.text-sub-title-1{font-size:1.25rem;font-weight:400;line-height:1.75rem}@media (max-width: 767px){.text-sub-title-1{font-size:1rem;line-height:1.5rem}}.text-sub-title-2{font-size:1.125rem;font-weight:400;line-height:1.625rem}@media (max-width: 767px){.text-sub-title-2{font-size:.875rem;line-height:1.25rem}}.text-body{font-size:1rem;font-weight:400;line-height:1.5rem}@media (max-width: 767px){.text-body{font-size:.875rem;line-height:1.25rem}}.text-body-1{font-size:.875rem;font-weight:400;line-height:1.25rem}@media (max-width: 767px){.text-body-1{font-size:.75rem;line-height:1rem}}.text-body-2{font-size:.75rem;font-weight:400;line-height:1rem}@media (max-width: 767px){.text-body-2{font-size:.625rem;line-height:.875rem}}.text-caption{font-size:.625rem;font-weight:400;line-height:.875rem}.r-accordion{margin-bottom:1.5rem;border-radius:.5rem;border-width:1px;border-color:var(--neutral-200);padding:.75rem 1rem}.r-accordion:hover:not(.r-accordion--disabled){border-color:var(--primary-500)}.r-accordion--disabled{cursor:not-allowed;background-color:var(--neutral-100)}.r-accordion--disabled .r-accordion__header{cursor:not-allowed}.r-accordion--disabled .r-accordion__header .accordion__title,.r-accordion--disabled .r-accordion__header .accordion__icon{color:var(--neutral-500)}.r-accordion__header{display:flex;cursor:pointer;align-items:center;justify-content:space-between}.r-accordion__title{font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--neutral-900)}.r-accordion__icon{display:grid;align-items:center;color:var(--neutral-900)}.r-accordion__content{max-height:0px;overflow-y:auto;font-size:.875rem;line-height:1.25rem;font-weight:400;color:var(--neutral-500);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.r-accordion[data-state=opened]{border-color:var(--primary-500);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-inset: inset;--tw-ring-color: var(--primary-200)}.r-accordion[data-state=opened] .r-accordion__icon{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));color:var(--primary-500)}.r-accordion[data-state=opened] .r-accordion__content{margin-top:.75rem;max-height:var(--accordion-content-max-height);animation:slideDown;transition-duration:.3s}.r-accordion[data-state=closed] .r-accordion__content{margin-top:0;max-height:0px;animation:slideUp;overflow:hidden;transition-duration:.3s}@keyframes slideDown{0%{height:0}to{height:var(--accordion-content-max-height)}}@keyframes slideUp{0%{height:var(--accordion-content-max-height)}to{height:0}}.r-alert{box-sizing:border-box;display:inline-flex;border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:1s}.r-alert--block{width:100%}.r-alert--block .r-alert__content{max-width:100%}.r-alert--solid,.r-alert--solid .r-alert__content,.r-alert--solid .r-alert__content .r-alert__content__description,.r-alert--solid .r-alert__close{color:var(--white)}.r-alert--solid--success{background-color:var(--success-500)}.r-alert--solid--error{background-color:var(--error-500)}.r-alert--solid--warning{background-color:var(--warning-500)}.r-alert--solid--info{background-color:var(--info-500)}.r-alert--outline{border-width:1px;border-style:solid;background-color:transparent}.r-alert--outline--success{border-color:var(--success-500);color:var(--success-500)}.r-alert--outline--success .r-alert__content__description{color:var(--success-500)}.r-alert--outline--error{border-color:var(--error-500);color:var(--error-500)}.r-alert--outline--error .r-alert__content__description{color:var(--error-500)}.r-alert--outline--warning{border-color:var(--warning-500);color:var(--warning-500)}.r-alert--outline--warning .r-alert__content__description{color:var(--warning-500)}.r-alert--outline--info{border-color:var(--info-500);color:var(--info-500)}.r-alert--outline--info .r-alert__content__description{color:var(--info-500)}.r-alert--ghost{border-style:none;color:var(--neutral-900)}.r-alert--ghost--success{background-color:var(--success-100)}.r-alert--ghost--success .r-alert__icon{color:var(--success-500)}.r-alert--ghost--error{background-color:var(--error-100)}.r-alert--ghost--error .r-alert__icon{color:var(--error-500)}.r-alert--ghost--warning{background-color:var(--warning-100)}.r-alert--ghost--warning .r-alert__icon{color:var(--warning-500)}.r-alert--ghost--info{background-color:var(--info-100)}.r-alert--ghost--info .r-alert__icon{color:var(--info-500)}.r-alert__icon{display:grid;place-items:start}.r-alert__content{display:grid;width:100%;min-width:21rem;max-width:24rem;place-items:start;justify-items:start;padding-left:1rem;padding-right:1rem}.r-alert__content__title{font-weight:500}.r-alert__content__description{color:var(--neutral-600)}.r-alert__close{display:grid;cursor:pointer;place-items:start;color:var(--neutral-900)}.avatar{position:relative;display:grid;place-items:center;overflow:hidden;border-radius:9999px;background-color:var(--primary-100)}.avatar__wrapper{position:relative;max-width:-moz-min-content;max-width:min-content}.avatar--xs{height:1.5rem;width:1.5rem}.avatar--sm{height:2rem;width:2rem}.avatar--md{height:2.5rem;width:2.5rem}.avatar--lg{height:3rem;width:3rem}.avatar--xl{height:3.5rem;width:3.5rem}.avatar--2xl{height:4rem;width:4rem}.avatar__text{font-weight:600;color:var(--primary-500)}.avatar__text--xs{font-size:.75rem;line-height:1rem}.avatar__text--sm{font-size:.875rem;line-height:1.25rem}.avatar__text--md{font-size:1rem;line-height:1.5rem}.avatar__text--lg{font-size:1.25rem;line-height:1.75rem}.avatar__text--xl,.avatar__text--2xl{font-size:1.5rem;line-height:2rem}.avatar__image{top:0px;right:0px;bottom:0px;left:0px;-o-object-fit:cover;object-fit:cover}.avatar__image--anonymous{height:40%;width:40%}.avatar__online{position:absolute;border-radius:9999px;--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity))}.avatar__online--xs{right:1px;bottom:1px;height:.375rem;width:.375rem;border-width:1px}.avatar__online--sm{right:1px;bottom:1px;height:.5rem;width:.5rem;border-width:1px}.avatar__online--md{right:.125rem;bottom:.125rem;height:.5rem;width:.5rem;border-width:1.25px}.avatar__online--lg{right:1.5px;bottom:1.5px;height:.75rem;width:.75rem;border-width:1.5px}.avatar__online--xl{right:.125rem;bottom:.125rem;height:.875rem;width:.875rem;border-width:2px}.avatar__online--2xl{right:.125rem;bottom:.125rem;height:1rem;width:1rem;border-width:2px}.badge-wrapper{position:relative;display:flex;max-width:-moz-max-content;max-width:max-content;align-items:center;justify-content:center;padding:.5rem}.badge{position:absolute;z-index:50;border-radius:9999px;background-color:var(--primary-500);padding-top:0;padding-bottom:0;padding-left:.25rem;padding-right:.25rem}.badge--right{top:-.25rem;right:-.25rem}.badge--left{top:-.25rem;left:-.25rem}.badge--bottom{right:-.25rem;bottom:-.25rem}.badge--hover{opacity:0;transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.group:hover .badge--hover{opacity:1}.badge--outside-right{top:-.5rem;right:-.5rem}.badge--outside-left{top:-.5rem;left:-.5rem}.badge--outside-bottom{right:-.5rem;bottom:-.5rem}.badge--overlap-right{top:0px;right:0px}.badge--overlap-left{top:0px;left:0px}.badge--overlap-bottom{right:0px;bottom:0px}.badge--no-content{height:.5rem;width:.5rem;padding-top:.25rem;padding-bottom:.25rem}.badge--primary{background-color:var(--primary-500)}.badge--success{background-color:var(--success-500)}.badge--warning{background-color:var(--warning-500)}.badge--error{background-color:var(--error-500)}.badge--neutral{background-color:var(--neutral-500)}.badge__content{display:grid;place-items:center;font-size:10px;font-weight:700;line-height:14px;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.button{display:flex;width:-moz-fit-content;width:fit-content;cursor:pointer;align-items:center;justify-content:center;border-radius:var(--btn-radius);font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.button:active{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-inset: inset;animation:manipulation 15s ease-in}.button:disabled{cursor:not-allowed}.button--large{height:3.5rem;padding:1rem 1.5rem;font-size:1rem;line-height:1.5rem}.button--medium{height:3rem;padding:.75rem 1.5rem;font-size:.875rem;line-height:1.25rem}.button--small{height:2.25rem;padding:.5rem 1rem;font-size:.75rem;line-height:1rem}.button--loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.button--large.button--only-icon{padding:1rem}.button--medium.button--only-icon{padding:.875rem}.button--small.button--only-icon{padding:.5rem 1rem}.button--block{width:100%}.button__prepend-icon{margin-right:.5rem}.button__prepend-icon--only{margin-right:0}.button__append-icon{margin-left:.5rem}.button--primary{background-color:var(--primary-500)}.button--primary:hover{background-color:var(--primary-700)}.button--primary:active{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));color:var(--primary-500);--tw-ring-color: var(--primary-100)}.button--primary:disabled{background-color:var(--primary-200);color:var(--primary-300)}.button--secondary{background-color:var(--primary-100);color:var(--primary-500)}.button--secondary:hover{background-color:var(--primary-200)}.button--secondary:active{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));color:var(--primary-500);--tw-ring-color: var(--primary-100)}.button--secondary:disabled{background-color:var(--primary-200);color:var(--primary-300)}.button--outline{background-color:transparent;color:var(--neutral-900);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: var(--neutral-200)}.button--outline:hover{background-color:var(--neutral-100)}.button--outline:active{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));color:var(--neutral-900);--tw-ring-color: var(--neutral-100)}.button--outline:disabled{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));color:var(--neutral-300)}.button--text{height:auto;border-radius:0;background-color:transparent;padding:0;color:var(--neutral-900)}.button--text:active{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: inherit}.button--text:disabled{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));color:var(--neutral-300)}.button--ghost{background-color:transparent;color:var(--primary-100)}.button--ghost:hover{background-color:var(--neutral-100);color:var(--primary-500)}.button--ghost:active{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));color:var(--neutral-900);--tw-ring-color: var(--neutral-100)}.button--ghost:disabled{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));color:var(--neutral-300)}.button--danger{background-color:var(--error-500)}.button--danger:hover{background-color:var(--error-700)}.button--danger:active{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));color:var(--error-500);--tw-ring-color: var(--error-100)}.button--danger:disabled{background-color:var(--error-200);color:var(--error-300)}.button--link{background-color:transparent;color:var(--primary-500)}.button--link:hover{background-color:var(--neutral-100);color:var(--primary-500)}.button--link:active{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));color:var(--neutral-900);--tw-ring-color: var(--neutral-100)}.button--link:disabled{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));color:var(--neutral-300)}.checkbox-wrapper{display:flex;align-items:flex-start}.checkbox-container{display:flex}.checkbox-container__input{position:absolute;z-index:20;height:1.25rem;width:1.25rem;cursor:pointer;opacity:0}.checkbox{display:flex;height:1.25rem;width:1.25rem;cursor:pointer;align-items:center;justify-content:center;border-radius:.25rem;border-width:2px;border-color:var(--neutral-200);color:var(--neutral-200);transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.checkbox:hover{border-color:var(--primary-500)}.checkbox--checked{border-color:var(--primary-500);background-color:var(--primary-500);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.checkbox--checked:hover{border-color:var(--primary-700);background-color:var(--primary-700);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.checkbox--indeterminate{border-color:var(--primary-500);color:var(--primary-500)}.checkbox--indeterminate:hover{border-color:var(--primary-700);background-color:var(--primary-700);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.checkbox--error{border-color:var(--error-500);background-color:var(--error-100);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.checkbox--error:hover{border-color:var(--error-700)}.checkbox--error.checkbox--checked{background-color:var(--error-500)}.checkbox--error.checkbox--checked:hover{background-color:var(--error-700)}.checkbox[data-disabled=true]{cursor:not-allowed;border-color:var(--neutral-200);background-color:var(--neutral-100);color:var(--neutral-200)}.checkbox-texts{margin-left:.875rem;display:flex;flex-direction:column}.checkbox-texts__label{cursor:auto;font-size:.875rem;line-height:1.25rem;color:var(--neutral-900)}.checkbox-texts__label[data-disabled=true]{cursor:not-allowed}.checkbox-texts__hint{font-size:.75rem;line-height:1rem;color:var(--neutral-500)}.checkbox-texts__error{font-size:.75rem;line-height:1rem;color:var(--error-500)}.chip{display:inline-flex;cursor:pointer;align-items:center;border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;font-weight:500;line-height:1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.chip__primary{background-color:var(--primary-500)}.chip__primary--ghost{background-color:var(--primary-100);color:var(--primary-500)}.chip__secondary{background-color:var(--secondary-500)}.chip__secondary--ghost{background-color:var(--secondary-100);color:var(--secondary-500)}.chip__success{background-color:var(--success-500)}.chip__success--ghost{background-color:var(--success-100);color:var(--success-500)}.chip__error{background-color:var(--error-500)}.chip__error--ghost{background-color:var(--error-100);color:var(--error-500)}.chip__warning{background-color:var(--warning-500)}.chip__warning--ghost{background-color:var(--warning-100);color:var(--warning-500)}.chip__info{background-color:var(--info-500)}.chip__info--ghost{background-color:var(--info-100);color:var(--info-500)}.chip--reverse{flex-direction:row-reverse}.chip--disabled{cursor:not-allowed;opacity:.5}.chip__content{display:flex;align-items:center;white-space:nowrap}.chip__content__label{margin-left:.25rem;margin-right:.25rem}.dropdown-wrapper{position:relative}.dropdown{display:flex;cursor:pointer;align-items:center;border-radius:.375rem;border-width:1px;border-color:var(--neutral-200);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:.75rem 1rem;text-align:left;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 640px){.dropdown{font-size:.875rem;line-height:1.25rem}}.dropdown--active{border-width:1px;border-color:var(--primary-500);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-inset: inset}.dropdown--disabled{cursor:not-allowed;border-color:var(--neutral-200);background-color:var(--neutral-100);color:var(--neutral-300)}.dropdown--loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;cursor:not-allowed;border-color:var(--neutral-200);background-color:var(--neutral-100);color:var(--neutral-300)}.dropdown__prepend-icon{pointer-events:none;top:0px;bottom:0px;right:0px;display:flex;align-items:center;padding-right:.5rem}.dropdown__tags{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}.dropdown__tags__chip{display:flex;align-items:center;gap:.5rem;border-radius:1.5rem;background-color:var(--neutral-100);font-size:.75rem;line-height:1rem;color:var(--neutral-900)}.dropdown__tags__chip>.chip__text{white-space:nowrap}.dropdown__multiple{display:flex;align-items:center;gap:.5rem}.dropdown__multiple>*{flex:1 1 0%;white-space:nowrap}.dropdown__input{display:block;width:100%;color:var(--neutral-900)}.dropdown__input::-moz-placeholder{color:var(--neutral-500)}.dropdown__input::placeholder{color:var(--neutral-500)}.dropdown__input{caret-color:var(--primary-500)}.dropdown__input:focus{border-color:transparent;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.dropdown__input:disabled{background-color:var(--neutral-100);color:var(--neutral-300)}.dropdown__input:disabled::-moz-placeholder{color:var(--neutral-300)}.dropdown__input:disabled::placeholder{color:var(--neutral-300)}@media (min-width: 640px){.dropdown__input{font-size:.875rem;line-height:1.25rem}}@keyframes pulse{50%{opacity:.5}}.dropdown__input--loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;cursor:not-allowed;border-color:var(--neutral-200);background-color:var(--neutral-100);color:var(--neutral-300)}.dropdown__input[readonly]{cursor:pointer}.dropdown__append-icon{pointer-events:none;top:0px;bottom:0px;right:0px;display:flex;align-items:center}.dropdown__append-icon--active{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));color:var(--primary-500);transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.dropdown-options{position:absolute;left:0px;z-index:10;margin-top:.25rem;display:none;max-height:15rem;width:100%;overflow:auto;border-radius:.375rem;border-width:1px;border-color:var(--neutral-200);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:.75rem .5rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));--tw-ring-opacity: .05}.dropdown-options:focus{outline:2px solid transparent;outline-offset:2px}@media (min-width: 640px){.dropdown-options{font-size:.875rem;line-height:1.25rem}}.dropdown-options--active{display:block}.dropdown-options__option{display:flex;min-height:50px;width:100%;cursor:pointer;align-items:center;justify-content:space-between;border-radius:.375rem;border-width:1px;border-color:transparent;padding:.75rem 1rem;text-align:left;color:var(--neutral-900);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,1,1)}@media (min-width: 640px){.dropdown-options__option{font-size:.875rem;line-height:1.25rem}}.dropdown-options__option:hover{background-color:var(--neutral-100)}.dropdown-options__option--active{background-color:var(--primary-100);color:var(--primary-500)}.dropdown-options__option__label{margin-left:.5rem}.dropdown-options__option__prepend-icon{pointer-events:none;top:0px;bottom:0px;right:0px;display:flex;align-items:center;color:var(--neutral-900)}.dropdown-options__option__append-icon{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.1s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.modal{position:fixed;top:0px;right:0px;bottom:0px;left:0px;z-index:50;display:flex;align-items:center;justify-content:center;background-color:rgb(0 0 0 / var(--tw-bg-opacity));--tw-bg-opacity: .3;transition-property:opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.dialog{display:flex;width:var(--modal-width);animation:var(--modal-animation);flex-direction:column;gap:1.5rem;border-radius:var(--modal-border-radius);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:var(--modal-padding);--tw-shadow-color: var(--modal-shadow);--tw-shadow: var(--tw-shadow-colored);transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,1,1)}.dialog__header{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:1rem}.dialog__header .icon{display:grid;max-height:var(--modal-icon-size);max-width:var(--modal-icon-size);align-items:center;border-radius:9999px;background-color:var(--modal-icon-bg);padding:var(--modal-icon-padding);color:var(--modal-icon-color)}.dialog__header .title{font-size:1.5rem;line-height:2rem;font-weight:600}.dialog__header .description{font-size:.875rem;line-height:1.25rem;font-weight:400;color:var(--neutral-500)}.dialog__body{flex:1 1 0%;overflow-y:auto}.dialog__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-4)}.dialog--block{width:100%}.sidebar{display:flex;height:100vh;width:var(--sidebar-collapsed-width);flex-direction:column;align-items:center;overflow-y:auto;border-right-width:1px;background-color:var(--sidebar-background);padding:var(--sidebar-padding);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,1,1)}.sidebar--open{width:var(--sidebar-width);align-items:flex-start}.sidebar .nav{display:flex;width:100%;flex:1 1 0%;flex-direction:column}.sidebar .nav>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.sidebar .actions{display:flex;width:100%;flex-direction:column}.sidebar .actions>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.r-snackbar{position:absolute;display:grid;width:412px;align-items:center;gap:.75rem;border-radius:.5rem;background-color:var(--neutral-900);padding:.875rem 1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));opacity:0;grid-template-columns:auto 1fr auto}.r-snackbar--success{background-color:var(--success-500)}.r-snackbar--error{background-color:var(--error-500)}.r-snackbar--warning{background-color:var(--warning-500)}.r-snackbar--info{background-color:var(--info-500)}.r-snackbar__text{padding-right:4rem;font-size:.875rem;line-height:1.25rem}.r-snackbar__close{display:grid;cursor:pointer;place-items:center}.r-snackbar__right{right:1.5rem;left:auto}.r-snackbar__left{left:0px;right:auto}.r-snackbar__top{top:5rem;bottom:auto}.r-snackbar__bottom{bottom:5rem;top:auto}.r-snackbar--shown{opacity:1;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:slide-right-to-right .3s ease-in-out forwards}.r-snackbar--hidden{transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:slide-left-from-right .3s ease-in-out forwards}.r-snackbar--shown:not(.r-snackbar__right){animation:slide-right-from-left .1s ease-in-out forwards}.r-snackbar--hidden:not(.r-snackbar__right){animation:slide-left-to-left .2s ease-in-out forwards}@keyframes slide-left-from-right{0%{transform:translate(-50%)}to{transform:translate(100%)}}@keyframes slide-right-to-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-right-from-left{0%{transform:translate(-100%)}to{transform:translate(10%)}}@keyframes slide-left-to-left{0%{transform:translate(50%)}to{transform:translate(-50%)}}.switch-container{display:flex;align-items:center;justify-content:flex-start;gap:.75rem}.slider{position:absolute;top:0px;left:0px;right:0px;bottom:0px;border-radius:9999px;background-color:var(--neutral-300)}.slider:before{content:"";position:absolute;left:.25rem;bottom:.25rem;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.switch{position:relative;box-sizing:border-box;display:inline-block;height:2.25rem;width:4rem}.switch--small{height:1.25rem;width:2.25rem}.switch--small>.slider:before{height:.75rem;width:.75rem}.switch--small>.switch__input:checked+.slider:before{transform:translate(16px)}.switch--medium{height:1.5rem;width:2.75rem}.switch--medium>.slider:before{height:1rem;width:1rem}.switch--medium>.switch__input:checked+.slider:before{transform:translate(20px)}.switch--large{height:1.75rem;width:3.25rem}.switch--large>.slider:before{height:1.25rem;width:1.25rem}.switch--large>.switch__input:checked+.slider:before{transform:translate(24px)}.switch--disabled{cursor:not-allowed}.switch--disabled>.slider:before{background-color:var(--neutral-200)}.switch--error>.switch__input:checked+.slider{background-color:var(--error-500)}.switch--error>.switch__input:checked+.slider:hover{background-color:var(--error-700)}.switch__input{position:absolute;left:50%;z-index:20;height:100%;width:100%;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.375rem}.switch__input:checked+.slider{background-color:var(--primary-500)}.switch__input:checked+.slider:hover{background-color:var(--primary-700)}.switch-texts--small{font-size:.75rem;line-height:1rem}.switch-texts--medium{font-size:.875rem;line-height:1.25rem}.switch-texts--large{font-size:1rem;line-height:1.5rem}.switch-texts__label{margin:0;padding:0;font-weight:500;color:var(--neutral-900)}.switch-texts__hint{margin:0;padding:0;font-weight:400;color:var(--neutral-500)}.switch-texts__error{margin:0;padding:0;font-weight:400;color:var(--error-500)}.tab-item{display:flex;min-width:-moz-fit-content;min-width:fit-content;cursor:pointer;align-items:center;justify-content:center;gap:.5rem;background-color:transparent;padding:.75rem 1.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--neutral-500);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tab-item:disabled{cursor:not-allowed;background-color:inherit;opacity:.5}.tab-item[aria-selected=true]{border-bottom-width:2px;border-color:var(--primary-500);color:var(--primary-500)}.tab-item--text-only{display:block}.tab-item--tile{border-style:none;padding:.625rem 1.75rem;color:var(--neutral-900)}.tab-item--tile[aria-selected=true]{border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));color:var(--neutral-900);--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.tab-item--block{width:100%}.tabs{display:flex;width:-moz-fit-content;width:fit-content;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tabs--tile{border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity));padding:.25rem}.tabs--block{width:100%}.container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.textarea{min-height:80px;min-width:320px;border-radius:.5rem;border-width:1px;border-color:var(--neutral-200);padding:.5rem .75rem;color:var(--neutral-900);outline:2px solid transparent;outline-offset:2px}.textarea:hover{border-color:var(--primary-500)}.textarea:focus-visible{border-color:var(--primary-500);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: var(--primary-100)}.textarea::-moz-placeholder{color:var(--neutral-500)}.textarea::placeholder{color:var(--neutral-500)}.textarea:disabled{cursor:not-allowed;background-color:var(--neutral-100);color:var(--neutral-300)}.textarea:disabled:hover{border-color:var(--neutral-200)}.textarea--error{border-color:var(--error-500);color:var(--error-500)}.textarea--error:hover{border-color:var(--error-500)}.textarea--error:focus-visible{border-color:var(--error-500);color:var(--neutral-900);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: var(--error-100)}.textarea__label{margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem;color:var(--neutral-900)}.textarea__hint{margin-top:.5rem;font-size:.875rem;line-height:1.25rem;color:var(--neutral-500)}.textarea__error{margin-top:.5rem;font-size:.875rem;line-height:1.25rem;color:var(--error-500)}fieldset{margin:0;border-style:none;padding:0}.textfield__wrapper{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.input-wrapper{display:flex;width:100%;flex-direction:column;align-items:flex-start;justify-content:flex-start}input{margin:0;height:100%;width:100%;border-style:none;background-color:transparent;padding:0;font-size:1rem;line-height:1.5rem}input:focus{outline:2px solid transparent;outline-offset:2px}input::-moz-placeholder{color:var(--neutral-500)}input::placeholder{color:var(--neutral-500)}.textfield{box-sizing:border-box;display:flex;width:100%;align-items:center;gap:.5rem;border-radius:.5rem;border-width:1px;border-style:solid;border-color:var(--neutral-200);background-color:var(--textfield-bg);padding:.875rem 1rem;font-size:.875rem;line-height:1.25rem;color:var(--neutral-500)}.textfield__label{margin-bottom:.5rem;padding:0;font-size:.875rem;line-height:1.25rem;color:var(--neutral-900)}.textfield__prepend-icon--error{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.textfield__prepend-icon--loading{animation:spin 1s linear infinite}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.textfield__append-icon--error{animation:bounce 1s infinite;--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.textfield__error{margin-top:.25rem;font-size:.75rem;line-height:1rem;font-weight:300;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.textfield__hint{margin-top:.25rem;font-size:.75rem;line-height:1rem;font-weight:300;letter-spacing:.025em;color:var(--neutral-500)}.textfield--focus{border-width:1px;border-style:solid;border-color:var(--primary-500);color:var(--neutral-900);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-inset: inset;--tw-ring-color: var(--primary-100)}.textfield--filled{background-color:var(--textfield-bg);color:var(--neutral-900)}.textfield--disabled{cursor:not-allowed;border-color:var(--neutral-200);background-color:var(--textfield-bg-disabled);color:var(--neutral-300)}.textfield--disabled>input{cursor:not-allowed}.textfield--disabled>input::-moz-placeholder{color:var(--neutral-300)}.textfield--disabled>input::placeholder{color:var(--neutral-300)}.textfield--error{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity));--tw-ring-opacity: 1;--tw-ring-color: rgb(254 242 242 / var(--tw-ring-opacity))}.textfield--error input{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.textfield--error input:focus{color:var(--neutral-900)}.textfield--clearable>.textfield__append-icon{cursor:pointer}.trigger{position:relative;display:inline-block;cursor:pointer;border-radius:9999px;background-color:transparent}.tooltip{position:absolute;top:0px;left:0px;z-index:50;margin:0;display:none;width:-moz-max-content;width:max-content;background-color:transparent;padding:0}.tooltip__content{max-width:20rem;border-radius:.5rem;padding:1rem;font-size:.75rem;line-height:1rem;font-weight:400}.tooltip__content--dark{background-color:var(--neutral-900);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.tooltip__content--light{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));color:var(--neutral-900)}.tooltip__arrow{position:absolute;z-index:-10;height:1rem;width:1rem;--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tooltip__arrow--dark{background-color:var(--neutral-900)}.tooltip__arrow--light{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.tooltip--light{border-radius:.5rem;--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.r-breadcrumb{display:flex;align-items:center}.r-breadcrumb__item{display:flex;cursor:pointer;align-items:center}.r-breadcrumb__item:last-child{pointer-events:none}.r-breadcrumb__link{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;line-height:2rem;color:var(--breadcrumb-text-color)}.r-breadcrumb__link:hover{color:var(--breadcrumb-text-color-hover)}.r-breadcrumb__link:last-child{font-weight:700;color:var(--breadcrumb-text-color-active)!important}.r-breadcrumb__link:not(:last-child){font-weight:500}.r-breadcrumb__link:not(:last-child):hover{text-decoration-line:underline}.r-breadcrumb__separator{margin-left:.5rem;margin-right:.5rem;display:flex;align-items:center;color:var(--breadcrumb-text-color)}.r-pagination{display:flex;align-items:center;justify-content:space-between}.r-pagination__page-info{display:flex;align-items:center;gap:.5rem}.r-pagination__paginator{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.r-pagination__paginator__prev,.r-pagination__paginator__next{display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:var(--pagination-border-radius);background-color:var(--pagination-bg-color);padding:var(--pagination-btn-padding);border:var(--pagination-border-width) var(--pagination-border-style) var(--pagination-border-color)}.r-pagination__paginator__prev:hover,.r-pagination__paginator__next:hover{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.r-pagination__paginator__prev:disabled,.r-pagination__paginator__next:disabled{cursor:not-allowed}.r-pagination__paginator__input{border-radius:var(--pagination-border-radius);background-color:var(--pagination-bg-color);padding:var(--pagination-input-padding);text-align:center;border:var(--pagination-border-width) var(--pagination-border-style) var(--pagination-border-color)}.r-pagination__paginator__input:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-inset: inset;--tw-ring-color: var(--primary-500)}.r-pagination__paginator__input::-webkit-inner-spin-button,.r-pagination__paginator__input::-webkit-outer-spin-button{opacity:0;pointer-events:none;background:transparent;display:none}:root{--primary-50: #f2f4ff;--primary-100: #f2f3fd;--primary-200: #e4e6fb;--primary-300: #a3abf0;--primary-400: #6f7de5;--primary-500: #4c5be1;--primary-600: #3a3f9e;--primary-700: #3944a9;--primary-800: #2e3a7e;--primary-900: #2e3787;--secondary-100: #fdfae7;--secondary-200: #f9eeb5;--secondary-300: #ffec8a;--secondary-400: #ffdf3b;--secondary-500: #ebc80f;--secondary-600: #e0bc00;--secondary-700: #998100;--secondary-800: #705e00;--secondary-900: #483c00;--neutral-100: #f6f7f9;--neutral-200: #e7eaee;--neutral-300: #c3c9d5;--neutral-400: #acb4c3;--neutral-500: #818a9c;--neutral-600: #586174;--neutral-700: #3c4353;--neutral-800: #242a38;--neutral-900: #151b26;--success-100: #e8fff7;--success-200: #bfffe8;--success-300: #97ffda;--success-400: #1bf5a7;--success-500: #05cc85;--success-600: #0cbc7d;--success-700: #068e03;--success-800: #007a4f;--success-900: #005235;--info-100: #e8f4ff;--info-200: #b6dcff;--info-300: #83c3ff;--info-400: #50abff;--info-500: #0c70ce;--info-600: #0059ac;--info-700: #00488a;--info-800: #003668;--info-900: #002446;--warning-100: #fdfae7;--warning-200: #f9eeb5;--warning-300: #ffec8a;--warning-400: #ffdf3b;--warning-500: #ebc80f;--warning-600: #e0bc00;--warning-700: #998100;--warning-800: #705e00;--warning-900: #483c00;--error-100: #ffeceb;--error-200: #ffd0cc;--error-300: #ff9891;--error-400: #ff4537;--error-500: #e13023;--error-600: #bf1e12;--error-700: #9d1006;--error-800: #7b0900;--error-900: #590600;--white: #ffffff;--black: #000000;--box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);--box-shadow-hover: 0 0 10px 0 rgba(0, 0, 0, .2);--box-shadow-active: 0 0 10px 0 rgba(0, 0, 0, .3);--box-shadow-focus: 0 0 10px 0 rgba(0, 0, 0, .4);--box-shadow-pressed: 0 0 10px 0 rgba(0, 0, 0, .5);--box-shadow-pressed-active: 0 0 10px 0 rgba(0, 0, 0, .6);--box-shadow-pressed-focus: 0 0 10px 0 rgba(0, 0, 0, .7);--box-shadow-pressed-hover: 0 0 10px 0 rgba(0, 0, 0, .8);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-13: 3.25rem;--space-14: 3.5rem;--space-15: 3.75rem;--space-16: 4rem;--space-17: 4.25rem;--space-18: 4.5rem;--space-19: 4.75rem;--space-20: 5rem;--column-gap: 1rem;--row-gap: 1rem;--border-radius: .25rem;--border-radius-1: .25rem;--border-radius-2: .5rem;--border-radius-3: .75rem;--border-radius-4: 1rem;--border-radius-5: 1.25rem;--border-radius-6: 99999px;--column-1: 1;--column-2: 2;--column-3: 3;--column-4: 4;--column-5: 5;--column-6: 6;--column-7: 7;--modal-background: rgba(0, 0, 0, .5);--modal-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);--modal-height: 448px;--modal-width: 400px;--modal-border-radius: var(--border-radius-4);--modal-padding: var(--space-7);--modal-icon-size: var(--space-12);--modal-icon-padding: var(--space-3);--modal-icon-bg: var(--primary-100);--modal-icon-color: var(--primary-500);--modal-animation: crossFadeAndGrowUp .5s cubic-bezier(.2, .8, .2, 1) .1s both;--sidebar-width: 256px;--sidebar-collapsed-width: 80px;--sidebar-background: white;--sidebar-padding: var(--space-5) var(--space-4);--textfield-bg: var(--white);--textfield-bg-disabled: var(--neutral-100);--btn-radius: var(--border-radius-2);--font-size: 16px;--breadcrumb-text-color: var(--neutral-500);--breadcrumb-text-color-active: var(--neutral-900);--breadcrumb-text-color-hover: var(--neutral-900);--accordion-content-max-height: 600px;--pagination-border-radius: var(--border-radius-2);--pagination-border-color: var(--neutral-200);--pagination-border-width: 1px;--pagination-border-style: solid;--pagination-bg: var(--white);--pagination-btn-padding: .565rem;--pagination-input-padding: .315rem}/*! tailwindcss v3.2.0 | MIT License | https://tailwindcss.com
|
|
2
|
+
*/*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Albert Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.mb-1{margin-bottom:.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.inline-table{display:inline-table}.grid{display:grid}.inline-grid{display:inline-grid}.contents{display:contents}.list-item{display:list-item}.shrink{flex-shrink:1}.grow{flex-grow:1}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.resize{resize:both}.gap-2{gap:.5rem}.rounded{border-radius:.25rem}.border{border-width:1px}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.stroke-gray-400{stroke:#9ca3af}.p-2{padding:.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.opacity-50{opacity:.5}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@keyframes spin{to{transform:rotate(-360deg)}}.animate-spin-reverse{animation:spin 1s linear infinite}@keyframes ring{0%{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 0px}to{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 0px}}@keyframes crossFadeAndGrowUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.r-progressbar{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden;border-radius:9999px;border-style:none}.r-progressbar[value]::-webkit-progress-value{background-color:var(--primary-500);-webkit-transition:inline-size .25s ease-out;transition:inline-size .25s ease-out}.r-progressbar[value]::-moz-progress-bar{background-color:var(--primary-500);-moz-transition:inline-size .25s ease-out;transition:inline-size .25s ease-out}.r-progressbar[value]::-ms-fill{background-color:var(--primary-500);-ms-transition:inline-size .25s ease-out;transition:inline-size .25s ease-out}.r-progressbar[value]::-webkit-progress-bar{background-color:var(--primary-200)}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.r-icon path{fill:currentColor}.tooltip[data-v-ee5f5651]{animation-name:tooltip-show-ee5f5651;animation-duration:var(--271323d4);animation-fill-mode:forwards;animation-timing-function:ease-in-out}@keyframes tooltip-show-ee5f5651{0%{opacity:0}to{opacity:1}}
|
package/package.json
CHANGED
|
@@ -1,8 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rocketui/vue",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.49",
|
|
4
4
|
"description": "A set of customizable UI components for Vue 3, built with TypeScript",
|
|
5
5
|
"type": "module",
|
|
6
|
+
"main": "dist/rocket-ui-vue.umd.cjs",
|
|
7
|
+
"module": "dist/rocket-ui-vue.js",
|
|
8
|
+
"types": "dist/rocket-ui-vue.d.ts",
|
|
9
|
+
"files": [
|
|
10
|
+
"dist"
|
|
11
|
+
],
|
|
6
12
|
"repository": {
|
|
7
13
|
"type": "git",
|
|
8
14
|
"url": "git+https://github.com/Teknasyon/rocket-ui"
|
package/.eslintrc.cjs
DELETED
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
/* eslint-env node */
|
|
2
|
-
require('@rushstack/eslint-patch/modern-module-resolution');
|
|
3
|
-
|
|
4
|
-
module.exports = {
|
|
5
|
-
root: true,
|
|
6
|
-
extends: [
|
|
7
|
-
'plugin:vue/vue3-essential',
|
|
8
|
-
'eslint:recommended',
|
|
9
|
-
'@vue/eslint-config-typescript/recommended',
|
|
10
|
-
'@vue/eslint-config-prettier',
|
|
11
|
-
'plugin:storybook/recommended',
|
|
12
|
-
'plugin:mdx/recommended',
|
|
13
|
-
],
|
|
14
|
-
parserOptions: {
|
|
15
|
-
ecmaVersion: 'latest',
|
|
16
|
-
},
|
|
17
|
-
rules: {
|
|
18
|
-
'@typescript-eslint/ban-ts-comment': 'off',
|
|
19
|
-
'prettier/prettier': [
|
|
20
|
-
'error',
|
|
21
|
-
{
|
|
22
|
-
singleQuote: true,
|
|
23
|
-
trailingComma: 'es5',
|
|
24
|
-
printWidth: 80,
|
|
25
|
-
tabWidth: 2,
|
|
26
|
-
semi: true,
|
|
27
|
-
bracketSpacing: true,
|
|
28
|
-
arrowParens: 'always',
|
|
29
|
-
vueIndentScriptAndStyle: false,
|
|
30
|
-
},
|
|
31
|
-
],
|
|
32
|
-
'vue/multi-word-component-names': 0,
|
|
33
|
-
'vue/no-side-effects-in-computed-properties': 2,
|
|
34
|
-
'vue/order-in-components': [
|
|
35
|
-
'error',
|
|
36
|
-
{
|
|
37
|
-
order: [
|
|
38
|
-
'el',
|
|
39
|
-
'name',
|
|
40
|
-
'parent',
|
|
41
|
-
'functional',
|
|
42
|
-
['delimiters', 'comments'],
|
|
43
|
-
['components', 'directives', 'filters'],
|
|
44
|
-
'extends',
|
|
45
|
-
'mixins',
|
|
46
|
-
'inheritAttrs',
|
|
47
|
-
'model',
|
|
48
|
-
['props', 'propsData'],
|
|
49
|
-
'data',
|
|
50
|
-
'computed',
|
|
51
|
-
'watch',
|
|
52
|
-
'LIFECYCLE_HOOKS',
|
|
53
|
-
'methods',
|
|
54
|
-
['template', 'render'],
|
|
55
|
-
'renderError',
|
|
56
|
-
],
|
|
57
|
-
},
|
|
58
|
-
],
|
|
59
|
-
'vue/attributes-order': [
|
|
60
|
-
'error',
|
|
61
|
-
{
|
|
62
|
-
order: [
|
|
63
|
-
'DEFINITION',
|
|
64
|
-
'LIST_RENDERING',
|
|
65
|
-
'CONDITIONALS',
|
|
66
|
-
'RENDER_MODIFIERS',
|
|
67
|
-
'GLOBAL',
|
|
68
|
-
['UNIQUE', 'SLOT'],
|
|
69
|
-
'TWO_WAY_BINDING',
|
|
70
|
-
'OTHER_DIRECTIVES',
|
|
71
|
-
'OTHER_ATTR',
|
|
72
|
-
'EVENTS',
|
|
73
|
-
'CONTENT',
|
|
74
|
-
],
|
|
75
|
-
alphabetical: true,
|
|
76
|
-
},
|
|
77
|
-
],
|
|
78
|
-
},
|
|
79
|
-
};
|
package/.gitattributes
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
name: 'Chromatic'
|
|
2
|
-
|
|
3
|
-
on: workflow_dispatch
|
|
4
|
-
|
|
5
|
-
jobs:
|
|
6
|
-
chromatic-deployment:
|
|
7
|
-
runs-on: ubuntu-latest
|
|
8
|
-
steps:
|
|
9
|
-
- name: Checkout repository
|
|
10
|
-
uses: actions/checkout@v3
|
|
11
|
-
with:
|
|
12
|
-
fetch-depth: 0
|
|
13
|
-
- name: Set Node env
|
|
14
|
-
uses: actions/setup-node@v3
|
|
15
|
-
with:
|
|
16
|
-
node-version: 18
|
|
17
|
-
cache: 'yarn'
|
|
18
|
-
- name: Install dependencies
|
|
19
|
-
run: yarn
|
|
20
|
-
- name: Publish to Chromatic
|
|
21
|
-
uses: chromaui/action@v1
|
|
22
|
-
with:
|
|
23
|
-
projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
|
|
24
|
-
exitOnceUploaded: true
|
|
25
|
-
exitZeroOnChanges: true
|
|
26
|
-
buildScriptName: storybook:build
|
|
27
|
-
env:
|
|
28
|
-
CHROMATIC_RETRIES: 5
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
name: Publish Storybook
|
|
2
|
-
|
|
3
|
-
on: workflow_dispatch
|
|
4
|
-
|
|
5
|
-
permissions:
|
|
6
|
-
contents: read
|
|
7
|
-
pages: write
|
|
8
|
-
id-token: write
|
|
9
|
-
|
|
10
|
-
concurrency:
|
|
11
|
-
group: 'pages'
|
|
12
|
-
cancel-in-progress: true
|
|
13
|
-
|
|
14
|
-
jobs:
|
|
15
|
-
# Single deploy job since we're just deploying
|
|
16
|
-
deploy:
|
|
17
|
-
environment:
|
|
18
|
-
name: github-pages
|
|
19
|
-
url: ${{ steps.deployment.outputs.page_url }}
|
|
20
|
-
runs-on: ubuntu-latest
|
|
21
|
-
steps:
|
|
22
|
-
- name: Checkout
|
|
23
|
-
uses: actions/checkout@v3
|
|
24
|
-
- name: Set Node env
|
|
25
|
-
uses: actions/setup-node@v3
|
|
26
|
-
with:
|
|
27
|
-
node-version: 18
|
|
28
|
-
cache: 'yarn'
|
|
29
|
-
- name: Install dependencies
|
|
30
|
-
run: yarn install --frozen-lockfile
|
|
31
|
-
- name: Build Storybook
|
|
32
|
-
run: yarn storybook:build
|
|
33
|
-
- name: Setup Pages
|
|
34
|
-
uses: actions/configure-pages@v3
|
|
35
|
-
- name: Upload artifact
|
|
36
|
-
uses: actions/upload-pages-artifact@v1
|
|
37
|
-
with:
|
|
38
|
-
path: './storybook-static/.'
|
|
39
|
-
- name: Deploy to GitHub Pages
|
|
40
|
-
id: deployment
|
|
41
|
-
uses: actions/deploy-pages@v2
|
package/.husky/pre-commit
DELETED
package/.prettierrc.cjs
DELETED
package/.storybook/Theme.js
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { create } from '@storybook/theming';
|
|
2
|
-
|
|
3
|
-
export default create({
|
|
4
|
-
fontBase:
|
|
5
|
-
'Montserrat, "Helvetica Neue", Helvetica, Arial, Tahoma, sans-serif',
|
|
6
|
-
fontCode:
|
|
7
|
-
'Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
|
|
8
|
-
|
|
9
|
-
colorPrimary: '#6c757d',
|
|
10
|
-
colorSecondary: '#007bff',
|
|
11
|
-
|
|
12
|
-
base: 'light',
|
|
13
|
-
brandTitle: 'Rocket UI Vue',
|
|
14
|
-
brandUrl: '/?path=/docs/getting-started--documentation',
|
|
15
|
-
brandTarget: '_self',
|
|
16
|
-
// brandImage: require('./logo.svg'),
|
|
17
|
-
});
|
package/.storybook/main.ts
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import type { StorybookConfig } from '@storybook/vue3-vite';
|
|
2
|
-
const config: StorybookConfig = {
|
|
3
|
-
stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
|
|
4
|
-
addons: [
|
|
5
|
-
'@storybook/addon-links',
|
|
6
|
-
'@storybook/addon-essentials',
|
|
7
|
-
'@storybook/addon-interactions',
|
|
8
|
-
'@storybook/addon-mdx-gfm',
|
|
9
|
-
'@storybook/addon-actions',
|
|
10
|
-
],
|
|
11
|
-
framework: {
|
|
12
|
-
name: '@storybook/vue3-vite',
|
|
13
|
-
options: {},
|
|
14
|
-
},
|
|
15
|
-
docs: {
|
|
16
|
-
autodocs: 'tag',
|
|
17
|
-
defaultName: 'Documentation',
|
|
18
|
-
},
|
|
19
|
-
};
|
|
20
|
-
export default config;
|
package/.storybook/manager.js
DELETED
package/.storybook/preview.ts
DELETED
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
// import { withSource, transformSource } from './withSource';
|
|
2
|
-
|
|
3
|
-
// export const parameters = {
|
|
4
|
-
// actions: {
|
|
5
|
-
// argTypesRegex: '^on[A-Z].*',
|
|
6
|
-
// },
|
|
7
|
-
// controls: {
|
|
8
|
-
// matchers: {
|
|
9
|
-
// color: /(background|color)$/i,
|
|
10
|
-
// date: /Date$/,
|
|
11
|
-
// },
|
|
12
|
-
// },
|
|
13
|
-
// viewMode: 'docs',
|
|
14
|
-
// // layout: 'centered', we must do this in MDX files
|
|
15
|
-
// docs: {
|
|
16
|
-
// transformSource,
|
|
17
|
-
// },
|
|
18
|
-
// };
|
|
19
|
-
|
|
20
|
-
// export const decorators = [withSource];
|
|
21
|
-
|
|
22
|
-
import type { Preview } from '@storybook/vue3';
|
|
23
|
-
|
|
24
|
-
const preview: Preview = {
|
|
25
|
-
parameters: {
|
|
26
|
-
actions: { argTypesRegex: '^on[A-Z].*' },
|
|
27
|
-
controls: {
|
|
28
|
-
matchers: {
|
|
29
|
-
color: /(background|color)$/i,
|
|
30
|
-
date: /Date$/,
|
|
31
|
-
},
|
|
32
|
-
},
|
|
33
|
-
},
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
export default preview;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { addons } from '@storybook/addons'
|
|
2
|
-
import { transformSource } from '../withSource.js'
|
|
3
|
-
import { createElement as h } from 'react'
|
|
4
|
-
import { SyntaxHighlighter } from '@storybook/components'
|
|
5
|
-
|
|
6
|
-
addons.register('source-code', (api) => {
|
|
7
|
-
addons.addPanel('source-code/panel', {
|
|
8
|
-
title: 'Source Code',
|
|
9
|
-
render: ({ active, key }) => {
|
|
10
|
-
if (!active) return null;
|
|
11
|
-
|
|
12
|
-
const story = api.getCurrentStoryData();
|
|
13
|
-
try {
|
|
14
|
-
const code = transformSource(story.parameters.storySource.source, story);
|
|
15
|
-
return h(SyntaxHighlighter, {
|
|
16
|
-
key,
|
|
17
|
-
padded: true,
|
|
18
|
-
language: 'html',
|
|
19
|
-
copyable: true,
|
|
20
|
-
}, code);
|
|
21
|
-
} catch (e) {
|
|
22
|
-
console.warn('Failed to render code', e);
|
|
23
|
-
return null;
|
|
24
|
-
}
|
|
25
|
-
},
|
|
26
|
-
paramKey: 'source',
|
|
27
|
-
})
|
|
28
|
-
})
|
package/.storybook/withSource.js
DELETED
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
import kebabCase from 'lodash.kebabcase';
|
|
2
|
-
import { addons, makeDecorator } from '@storybook/addons';
|
|
3
|
-
import * as prettier from 'prettier/standalone';
|
|
4
|
-
import * as prettierHtml from 'prettier/parser-html';
|
|
5
|
-
|
|
6
|
-
import { h, onMounted } from 'vue';
|
|
7
|
-
import dedent from 'ts-dedent';
|
|
8
|
-
|
|
9
|
-
export function templateSourceCode(
|
|
10
|
-
templateSource,
|
|
11
|
-
args,
|
|
12
|
-
argTypes,
|
|
13
|
-
replacing = 'v-bind="args"'
|
|
14
|
-
) {
|
|
15
|
-
const componentArgs = {};
|
|
16
|
-
for (const [k, t] of Object.entries(argTypes)) {
|
|
17
|
-
const val = args[k];
|
|
18
|
-
if (typeof val !== 'undefined' && t.table && t.table.category === 'props') {
|
|
19
|
-
componentArgs[k] = val;
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
const propToSource = (key, val) => {
|
|
24
|
-
const type = typeof val;
|
|
25
|
-
switch (type) {
|
|
26
|
-
case 'boolean':
|
|
27
|
-
return val ? key : '';
|
|
28
|
-
case 'string':
|
|
29
|
-
if (val === '') return '';
|
|
30
|
-
return `${key}="${val}"`;
|
|
31
|
-
default:
|
|
32
|
-
return `:${key}='${JSON.stringify(val, null, 2)}'`;
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
return templateSource.replace(
|
|
37
|
-
replacing,
|
|
38
|
-
Object.keys(componentArgs)
|
|
39
|
-
.map((key) => ' ' + propToSource(kebabCase(key), args[key]))
|
|
40
|
-
.join('')
|
|
41
|
-
);
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
export const transformSource = (src, ctx, prettify = true) => {
|
|
45
|
-
const args = {
|
|
46
|
-
...ctx.initialArgs,
|
|
47
|
-
...ctx.args,
|
|
48
|
-
};
|
|
49
|
-
const match = /\b("')?template\1:\s*`([^`]+)`/.exec(src);
|
|
50
|
-
if (match) {
|
|
51
|
-
const code = templateSourceCode(match[2], args, ctx.argTypes);
|
|
52
|
-
if (!prettify) {
|
|
53
|
-
return code;
|
|
54
|
-
}
|
|
55
|
-
return dedent(
|
|
56
|
-
prettier.format(code, {
|
|
57
|
-
parser: 'vue',
|
|
58
|
-
plugins: [prettierHtml],
|
|
59
|
-
htmlWhitespaceSensitivity: 'ignore',
|
|
60
|
-
})
|
|
61
|
-
);
|
|
62
|
-
}
|
|
63
|
-
return src;
|
|
64
|
-
};
|
|
65
|
-
|
|
66
|
-
export const withSource = makeDecorator({
|
|
67
|
-
name: 'withSource',
|
|
68
|
-
wrapper: (storyFn, ctx) => {
|
|
69
|
-
const story = storyFn(ctx);
|
|
70
|
-
return {
|
|
71
|
-
setup() {
|
|
72
|
-
onMounted(() => {
|
|
73
|
-
try {
|
|
74
|
-
const src = ctx.originalStoryFn.parameters.storySource.source;
|
|
75
|
-
const transformedSource = transformSource(src, ctx);
|
|
76
|
-
const channel = addons.getChannel();
|
|
77
|
-
const storyId = ctx.id;
|
|
78
|
-
channel.emit(
|
|
79
|
-
'storybook/docs/snippet-rendered',
|
|
80
|
-
storyId,
|
|
81
|
-
transformedSource
|
|
82
|
-
);
|
|
83
|
-
} catch (e) {
|
|
84
|
-
console.warn('Failed to render code', e);
|
|
85
|
-
}
|
|
86
|
-
});
|
|
87
|
-
return () => h(story);
|
|
88
|
-
},
|
|
89
|
-
};
|
|
90
|
-
},
|
|
91
|
-
});
|
package/.vscode/extensions.json
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"recommendations": [
|
|
3
|
-
"Vue.volar",
|
|
4
|
-
"Vue.vscode-typescript-vue-plugin",
|
|
5
|
-
"streetsidesoftware.code-spell-checker",
|
|
6
|
-
"dbaeumer.vscode-eslint",
|
|
7
|
-
"esbenp.prettier-vscode",
|
|
8
|
-
"lukas-tr.materialdesignicons-intellisense",
|
|
9
|
-
"bradlc.vscode-tailwindcss"
|
|
10
|
-
]
|
|
11
|
-
}
|
package/.vscode/settings.json
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"editor.codeActionsOnSave": {
|
|
3
|
-
"source.fixAll.eslint": true
|
|
4
|
-
},
|
|
5
|
-
"eslint.options": {
|
|
6
|
-
"extensions": [".js", ".jsx", ".md", ".mdx", ".ts", ".tsx"]
|
|
7
|
-
},
|
|
8
|
-
"eslint.validate": [
|
|
9
|
-
"markdown",
|
|
10
|
-
"mdx",
|
|
11
|
-
"javascript",
|
|
12
|
-
"javascriptreact",
|
|
13
|
-
"typescript",
|
|
14
|
-
"typescriptreact"
|
|
15
|
-
],
|
|
16
|
-
"files.associations": {
|
|
17
|
-
"*.css": "postcss"
|
|
18
|
-
},
|
|
19
|
-
"testing.automaticallyOpenPeekView": "never"
|
|
20
|
-
}
|
package/index.html
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8" />
|
|
5
|
-
<link rel="icon" href="/favicon.ico" />
|
|
6
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
|
-
<title>Vite App</title>
|
|
8
|
-
</head>
|
|
9
|
-
<body>
|
|
10
|
-
<div id="app"></div>
|
|
11
|
-
<script type="module" src="/src/main.ts"></script>
|
|
12
|
-
</body>
|
|
13
|
-
</html>
|
package/lib/main.ts
DELETED
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import '../src/index.css';
|
|
2
|
-
import '../src/components/Typography/typography.css';
|
|
3
|
-
import '../src/components/Accordion/accordion.css';
|
|
4
|
-
import '../src/components/Alert/alert.css';
|
|
5
|
-
import '../src/components/Avatar/avatar.css';
|
|
6
|
-
import '../src/components/Badge/badge.css';
|
|
7
|
-
import '../src/components/Button/button.css';
|
|
8
|
-
import '../src/components/Checkbox/checkbox.css';
|
|
9
|
-
import '../src/components/Chips/chip.css';
|
|
10
|
-
import '../src/components/Dropdown/dropdown.css';
|
|
11
|
-
import '../src/components/Label/label.css';
|
|
12
|
-
import '../src/components/Modal/modal.css';
|
|
13
|
-
import '../src/components/Sidebar/sidebar.css';
|
|
14
|
-
import '../src/components/Snackbar/snackbar.css';
|
|
15
|
-
import '../src/components/Switch/switch.css';
|
|
16
|
-
import '../src/components/TabItem/tab-item.css';
|
|
17
|
-
import '../src/components/Tabs/tabs.css';
|
|
18
|
-
import '../src/components/Textarea/textarea.css';
|
|
19
|
-
import '../src/components/Textfield/textfield.css';
|
|
20
|
-
import '../src/components/Tooltip/tooltip.css';
|
|
21
|
-
import '../src/components/Breadcrumb/breadcrumb.css';
|
|
22
|
-
import '../src/components/Pagination/pagination.css';
|
|
23
|
-
import '../src/components/Progressbar/progressbar.css';
|
|
24
|
-
|
|
25
|
-
export { default as RAccordion } from '../src/components/Accordion/RAccordion.vue';
|
|
26
|
-
export { default as RAlert } from '../src/components/Alert/RAlert.vue';
|
|
27
|
-
export { default as RAvatar } from '../src/components/Avatar/RAvatar.vue';
|
|
28
|
-
export { default as RBadge } from '../src/components/Badge/RBadge.vue';
|
|
29
|
-
export { default as RButton } from '../src/components/Button/RButton.vue';
|
|
30
|
-
export { default as RCheckbox } from '../src/components/Checkbox/RCheckbox.vue';
|
|
31
|
-
export { default as RChip } from '../src/components/Chips/RChip.vue';
|
|
32
|
-
export { default as RDropdown } from '../src/components/Dropdown/RDropdown.vue';
|
|
33
|
-
export { default as RIcon } from '../src/components/Icon/RIcon.vue';
|
|
34
|
-
export { default as RLabel } from '../src/components/Label/RLabel.vue';
|
|
35
|
-
export { default as RModal } from '../src/components/Modal/RModal.vue';
|
|
36
|
-
export { default as RSidebar } from '../src/components/Sidebar/RSidebar.vue';
|
|
37
|
-
export { default as RSnackbar } from '../src/components/Snackbar/RSnackbar.vue';
|
|
38
|
-
export { default as RSwitch } from '../src/components/Switch/RSwitch.vue';
|
|
39
|
-
export { default as RTabItem } from '../src/components/TabItem/RTabItem.vue';
|
|
40
|
-
export { default as RTabs } from '../src/components/Tabs/RTabs.vue';
|
|
41
|
-
export { default as RTextArea } from '../src/components/TextArea/RTextArea.vue';
|
|
42
|
-
export { default as RTextfield } from '../src/components/Textfield/RTextfield.vue';
|
|
43
|
-
export { default as RTooltip } from '../src/components/Tooltip/RTooltip.vue';
|
|
44
|
-
export { default as RBreadcrumb } from '../src/components/Breadcrumb/RBreadcrumb.vue';
|
|
45
|
-
export { default as RPagination } from '../src/components/Pagination/RPagination.vue';
|
|
46
|
-
export { default as RProgressbar } from '../src/components/Progressbar/RProgressbar.vue';
|
|
47
|
-
export { default as RItemGroup } from '../src/components/ItemGroup/RItemGroup.vue';
|
|
48
|
-
export { default as RItem } from '../src/components/ItemGroup/RItem.vue';
|