pulse_view_components 0.3.0 → 0.4.0
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.
- checksums.yaml +4 -4
- data/CHANGELOG.md +98 -1
- data/README.md +26 -0
- data/app/assets/builds/js/pulse_view_components.js +3 -3
- data/app/assets/builds/js/pulse_view_components.js.map +1 -1
- data/app/assets/builds/pulse_view_components.css +2 -1
- data/app/assets/stylesheets/pulse_view_components/application.tailwind.css +44 -4
- data/app/assets/stylesheets/pulse_view_components/tokens.primitives.css +68 -0
- data/app/assets/stylesheets/pulse_view_components/tokens.system.css +95 -0
- data/app/components/pulse/action_list/divider.rb +13 -4
- data/app/components/pulse/action_list/form_wrapper.rb +2 -0
- data/app/components/pulse/action_list/heading.html.slim +7 -0
- data/app/components/pulse/action_list/heading.rb +2 -0
- data/app/components/pulse/action_list/item.html.slim +6 -6
- data/app/components/pulse/action_list/item.rb +11 -9
- data/app/components/pulse/action_list.css +109 -82
- data/app/components/pulse/action_list.html.slim +11 -0
- data/app/components/pulse/action_list.rb +5 -0
- data/app/components/pulse/badge.rb +20 -16
- data/app/components/pulse/base_component.rb +25 -1
- data/app/components/pulse/blank_slate.rb +4 -2
- data/app/components/pulse/border_box/header.rb +5 -3
- data/app/components/pulse/border_box.rb +21 -17
- data/app/components/pulse/box.rb +2 -0
- data/app/components/pulse/breadcrumb_item.rb +3 -1
- data/app/components/pulse/breadcrumbs.html.slim +2 -2
- data/app/components/pulse/breadcrumbs.rb +2 -0
- data/app/components/pulse/button.rb +28 -25
- data/app/components/pulse/component.rb +2 -1
- data/app/components/pulse/conditional_wrapper.rb +2 -0
- data/app/components/pulse/content.rb +2 -0
- data/app/components/pulse/counter.css +3 -3
- data/app/components/pulse/counter.rb +4 -0
- data/app/components/pulse/flash.rb +10 -6
- data/app/components/pulse/forms/error_explanation.html.slim +3 -3
- data/app/components/pulse/forms/error_explanation.rb +30 -13
- data/app/components/pulse/forms/error_explanation.yml +4 -0
- data/app/components/pulse/icon.rb +2 -0
- data/app/components/pulse/label.rb +5 -3
- data/app/components/pulse/layout.css +53 -52
- data/app/components/pulse/layout.rb +14 -6
- data/app/components/pulse/link.rb +10 -8
- data/app/components/pulse/modal.html.slim +20 -20
- data/app/components/pulse/modal.rb +10 -8
- data/app/components/pulse/modal_controller.js +3 -3
- data/app/components/pulse/nav_link.html.slim +7 -7
- data/app/components/pulse/nav_link.rb +4 -2
- data/app/components/pulse/nav_list/heading.rb +3 -1
- data/app/components/pulse/nav_list/item.html.slim +8 -0
- data/app/components/pulse/nav_list/item.rb +2 -2
- data/app/components/pulse/nav_list.rb +5 -0
- data/app/components/pulse/popover.html.slim +1 -1
- data/app/components/pulse/popover.rb +65 -26
- data/app/components/pulse/progress_bar.html.slim +2 -2
- data/app/components/pulse/progress_bar.rb +5 -3
- data/app/components/pulse/table/cell.html.slim +2 -2
- data/app/components/pulse/table/cell.rb +14 -10
- data/app/components/pulse/table/column.rb +2 -0
- data/app/components/pulse/table.html.slim +3 -3
- data/app/components/pulse/table.rb +19 -16
- data/app/components/pulse/text.rb +26 -24
- data/app/components/pulse/toast.html.slim +8 -8
- data/app/components/pulse/toast.rb +25 -23
- data/app/lib/pulse/status.rb +48 -0
- data/lib/pulse/view_components/version.rb +1 -1
- data/previews/foundations/colors_preview/palettes.html.slim +12 -0
- data/previews/foundations/colors_preview/semantic.html.slim +16 -0
- data/previews/foundations/colors_preview.rb +55 -0
- data/previews/pulse/action_list_preview.rb +77 -0
- data/previews/pulse/border_box_preview.rb +1 -1
- data/previews/pulse/counter_preview.rb +1 -1
- data/previews/pulse/flash_preview.rb +1 -1
- data/previews/pulse/forms/error_explanation_preview.rb +49 -0
- data/previews/pulse/layout_preview.rb +5 -5
- data/previews/pulse/nav_list_preview.rb +1 -1
- data/previews/pulse/popover_preview.rb +48 -22
- data/previews/pulse/progress_bar_preview.rb +1 -1
- data/previews/pulse/table_preview.rb +6 -6
- metadata +17 -11
|
@@ -1 +1,2 @@
|
|
|
1
|
-
*,:after,:before{--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-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--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:rgba(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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::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-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--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:rgba(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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Nunito Sans,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}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,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;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-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([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,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}input:where(:not([type])),input:where([type=date]),input:where([type=datetime-local]),input:where([type=email]),input:where([type=month]),input:where([type=number]),input:where([type=password]),input:where([type=search]),input:where([type=tel]),input:where([type=text]),input:where([type=time]),input:where([type=url]),input:where([type=week]),select,select:where([multiple]),textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000}input:where(:not([type])):focus,input:where([type=date]):focus,input:where([type=datetime-local]):focus,input:where([type=email]):focus,input:where([type=month]):focus,input:where([type=number]):focus,input:where([type=password]):focus,input:where([type=search]):focus,input:where([type=tel]):focus,input:where([type=text]):focus,input:where([type=time]):focus,input:where([type=url]):focus,input:where([type=week]):focus,select:focus,select:where([multiple]):focus,textarea:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--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);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}select:where([multiple]),select:where([size]:not([size="1"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}input:where([type=checkbox]),input:where([type=radio]){-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000}input:where([type=checkbox]){border-radius:0}input:where([type=radio]){border-radius:100%}input:where([type=checkbox]):focus,input:where([type=radio]):focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--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)}input:where([type=checkbox]):checked,input:where([type=radio]):checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}input:where([type=checkbox]):checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")}@media (forced-colors:active) {input:where([type=checkbox]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=radio]):checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}@media (forced-colors:active) {input:where([type=radio]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):checked:focus,input:where([type=checkbox]):checked:hover,input:where([type=radio]):checked:focus,input:where([type=radio]):checked:hover{border-color:transparent;background-color:currentColor}input:where([type=checkbox]):indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media (forced-colors:active) {input:where([type=checkbox]):indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):indeterminate:focus,input:where([type=checkbox]):indeterminate:hover{border-color:transparent;background-color:currentColor}input:where([type=file]){background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}input:where([type=file]):focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}.pulse-container{width:100%;margin-right:auto;margin-left:auto;padding-right:.625rem;padding-left:.625rem}@media (min-width:640px){.pulse-container{max-width:640px}}@media (min-width:768px){.pulse-container{max-width:768px}}@media (min-width:1024px){.pulse-container{max-width:1024px}}@media (min-width:1280px){.pulse-container{max-width:1280px}}@media (min-width:1536px){.pulse-container{max-width:1536px}}.pulse-pointer-events-none{pointer-events:none}.pulse-visible{visibility:visible}.pulse-invisible{visibility:hidden}.pulse-fixed{position:fixed}.pulse-absolute{position:absolute}.pulse-relative{position:relative}.pulse-inset-0{inset:0}.-pulse-bottom-0\.5{bottom:-.125rem}.pulse-left-1\/2{left:50%}.pulse-right-1\/2{right:50%}.pulse-start-0{inset-inline-start:0}.pulse-top-\[calc\(-1_\*_var\(--actionListContent-paddingBlock\)\)\]{top:calc(var(--actionListContent-paddingBlock)*-1)}.pulse-z-10{z-index:10}.pulse-z-50{z-index:50}.pulse-z-\[1\]{z-index:1}.pulse-col-\[1\]{grid-column:1}.pulse-col-\[2\]{grid-column:2}.pulse-col-\[2_\/_span_2\]{grid-column:2/span 2}.pulse-col-\[3_\/_span_1\]{grid-column:3/span 1}.pulse-row-\[1\]{grid-row:1}.pulse-row-\[2\]{grid-row:2}.pulse-row-\[2_\/_span_2\]{grid-row:2/span 2}.pulse-row-\[3_\/_span_1\]{grid-row:3/span 1}.pulse-m-0{margin:0}.-pulse-my-2{margin-top:-.5rem;margin-bottom:-.5rem}.pulse-mx-1{margin-left:.25rem;margin-right:.25rem}.pulse-mx-auto{margin-left:auto;margin-right:auto}.pulse-my-3{margin-top:.75rem;margin-bottom:.75rem}.-pulse-mt-1{margin-top:-.25rem}.pulse-mb-0{margin-bottom:0}.pulse-mb-2{margin-bottom:.5rem}.pulse-mb-4{margin-bottom:1rem}.pulse-mb-\[var\(--base-size-16\)\]{margin-bottom:var(--base-size-16)}.pulse-me-2{margin-inline-end:.5rem}.pulse-ml-2{margin-left:.5rem}.pulse-ml-\[var\(--base-size-8\)\]{margin-left:var(--base-size-8)}.pulse-mr-0{margin-right:0}.pulse-mr-\[var\(--control-medium-gap\)\]{margin-right:var(--control-medium-gap)}.pulse-ms-2{margin-inline-start:.5rem}.pulse-ms-auto{margin-inline-start:auto}.pulse-mt-0{margin-top:0}.pulse-mt-2{margin-top:.5rem}.pulse-mt-4{margin-top:1rem}.pulse-mt-\[calc\(var\(--borderWidth-thin\)_\*_-1\)\]{margin-top:calc(var(--borderWidth-thin)*-1)}.pulse-box-border{box-sizing:border-box}.pulse-block{display:block}.pulse-inline-block{display:inline-block}.pulse-flex{display:flex}.pulse-inline-flex{display:inline-flex}.pulse-grid{display:grid}.pulse-hidden{display:none}.pulse-h-0{height:0}.pulse-h-0\.5{height:.125rem}.pulse-h-1{height:.25rem}.pulse-h-2{height:.5rem}.pulse-h-7{height:1.75rem}.pulse-h-\[1px\]{height:1px}.pulse-h-\[var\(--borderWidth-thin\)\]{height:var(--borderWidth-thin)}.pulse-h-auto{height:auto}.pulse-h-px{height:1px}.pulse-min-h-\[var\(--control-medium-lineBoxHeight\)\]{min-height:var(--control-medium-lineBoxHeight)}.pulse-min-h-screen{min-height:100vh}.pulse-w-0{width:0}.pulse-w-10{width:2.5rem}.pulse-w-64{width:16rem}.pulse-w-\[var\(--Layout-sidebar-width\)\]{width:var(--Layout-sidebar-width)}.pulse-w-full{width:100%}.pulse-w-px{width:1px}.pulse-min-w-\[250px\]{min-width:250px}.pulse-min-w-\[8rem\]{min-width:8rem}.pulse-min-w-\[var\(--base-size-20\)\]{min-width:var(--base-size-20)}.pulse-min-w-full{min-width:100%}.pulse-max-w-2xl{max-width:42rem}.pulse-max-w-4xl{max-width:56rem}.pulse-max-w-5xl{max-width:64rem}.pulse-max-w-6xl{max-width:72rem}.pulse-max-w-\[calc\(var\(--breakpoint-large\)_\+_var\(--Layout-sidebar-width\)_\+_var\(--Layout-gutter\)\)\]{max-width:calc(var(--breakpoint-large) + var(--Layout-sidebar-width) + var(--Layout-gutter))}.pulse-max-w-\[calc\(var\(--breakpoint-medium\)_\+_var\(--Layout-sidebar-width\)_\+_var\(--Layout-gutter\)\)\]{max-width:calc(var(--breakpoint-medium) + var(--Layout-sidebar-width) + var(--Layout-gutter))}.pulse-max-w-\[calc\(var\(--breakpoint-xlarge\)_\+_var\(--Layout-sidebar-width\)_\+_var\(--Layout-gutter\)\)\]{max-width:calc(var(--breakpoint-xlarge) + var(--Layout-sidebar-width) + var(--Layout-gutter))}.pulse-max-w-md{max-width:28rem}.pulse-flex-1{flex:1 1 0%}.pulse-shrink-0{flex-shrink:0}.pulse-translate-y-0{--tw-translate-y:0px}.pulse-translate-y-0,.pulse-translate-y-4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.pulse-translate-y-4{--tw-translate-y:1rem}.pulse-translate-y-full{--tw-translate-y:100%}.pulse-transform,.pulse-translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.pulse-cursor-not-allowed{cursor:not-allowed}.pulse-cursor-pointer{cursor:pointer}.pulse-touch-manipulation{touch-action:manipulation}.pulse-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.pulse-list-inside{list-style-position:inside}.pulse-list-disc{list-style-type:disc}.pulse-list-none{list-style-type:none}.pulse-appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.pulse-grid-flow-col{grid-auto-flow:column}.pulse-grid-cols-\[auto_0_minmax\(0\,calc\(100\%_-_var\(--Layout-sidebar-width\)_-_var\(--Layout-gutter\)\)\)\]{grid-template-columns:auto 0 minmax(0,calc(100% - var(--Layout-sidebar-width) - var(--Layout-gutter)))}.pulse-grid-cols-\[min-content_min-content_minmax\(0\,auto\)_min-content_min-content\]{grid-template-columns:min-content min-content minmax(0,auto) min-content min-content}.pulse-grid-cols-\[minmax\(0\,calc\(100\%_-_var\(--Layout-sidebar-width\)_-_var\(--Layout-gutter\)\)\)_0_auto\]{grid-template-columns:minmax(0,calc(100% - var(--Layout-sidebar-width) - var(--Layout-gutter))) 0 auto}.pulse-grid-rows-\[min-content\]{grid-template-rows:min-content}.pulse-flex-row{flex-direction:row}.pulse-flex-col{flex-direction:column}.pulse-flex-nowrap{flex-wrap:nowrap}.pulse-items-start{align-items:flex-start}.pulse-items-center{align-items:center}.pulse-items-baseline{align-items:baseline}.pulse-justify-start{justify-content:flex-start}.pulse-justify-center{justify-content:center}.pulse-justify-between{justify-content:space-between}.pulse-gap-1{gap:.25rem}.pulse-gap-1\.5{gap:.375rem}.pulse-gap-2{gap:.5rem}.pulse-gap-3\.5{gap:.875rem}.pulse-gap-4{gap:1rem}.pulse-gap-\[var\(--Layout-gutter\)\]{gap:var(--Layout-gutter)}.pulse-gap-\[var\(--base-size-4\)\]{gap:var(--base-size-4)}.pulse-gap-\[var\(--base-size-8\)\]{gap:var(--base-size-8)}.pulse-gap-\[var\(--pulse-layout-gutter\)\]{gap:var(--pulse-layout-gutter)}.pulse-divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.pulse-divide-gray-300>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(209 213 219/var(--tw-divide-opacity,1))}.pulse-overflow-hidden{overflow:hidden}.pulse-overflow-visible{overflow:visible}.pulse-overflow-y-auto{overflow-y:auto}.pulse-overflow-x-scroll{overflow-x:scroll}.pulse-truncate{overflow:hidden;white-space:nowrap}.pulse-text-ellipsis,.pulse-truncate{text-overflow:ellipsis}.pulse-whitespace-nowrap{white-space:nowrap}.pulse-rounded{border-radius:.25rem}.pulse-rounded-2xl{border-radius:1rem}.pulse-rounded-\[2em\]{border-radius:2em}.pulse-rounded-\[var\(--borderRadius-medium\)\]{border-radius:var(--borderRadius-medium)}.pulse-rounded-full{border-radius:9999px}.pulse-rounded-lg{border-radius:.5rem}.pulse-rounded-md{border-radius:.375rem}.pulse-rounded-b-md{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}.pulse-rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.pulse-rounded-tl-none{border-top-left-radius:0}.pulse-border{border-width:1px}.pulse-border-0{border-width:0}.pulse-border-\[1px\]{border-width:1px}.pulse-border-\[length\:var\(--borderWidth-thin\)\]{border-width:var(--borderWidth-thin)}.pulse-border-b{border-bottom-width:1px}.pulse-border-t{border-top-width:1px}.pulse-border-t-0{border-top-width:0}.pulse-border-t-\[length\:var\(--borderWidth-thin\)\]{border-top-width:var(--borderWidth-thin)}.pulse-border-solid{border-style:solid}.pulse-border-none{border-style:none}.pulse-border-\[\#4ac26b\]{--tw-border-opacity:1;border-color:rgb(74 194 107/var(--tw-border-opacity,1))}.pulse-border-\[\#54aeff\]{--tw-border-opacity:1;border-color:rgb(84 174 255/var(--tw-border-opacity,1))}.pulse-border-\[\#f6e05e\]{--tw-border-opacity:1;border-color:rgb(246 224 94/var(--tw-border-opacity,1))}.pulse-border-\[\#ff8182\]{--tw-border-opacity:1;border-color:rgb(255 129 130/var(--tw-border-opacity,1))}.pulse-border-\[color\:var\(--borderColor-default\)\]{border-color:var(--borderColor-default)}.pulse-border-\[color\:var\(--counter-borderColor\)\]{border-color:var(--counter-borderColor)}.pulse-border-\[none\]{border-color:none}.pulse-border-\[solid_var\(--control-borderColor-rest\)\]{border-color:solid var(--control-borderColor-rest)}.pulse-border-\[var\(--borderWidth-thin\)_0\]{border-color:var(--borderWidth-thin) 0}.pulse-border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.pulse-border-secondary{--tw-border-opacity:1;border-color:rgb(35 65 148/var(--tw-border-opacity,1))}.pulse-border-secondary-300{--tw-border-opacity:1;border-color:rgb(130 156 225/var(--tw-border-opacity,1))}.pulse-border-y-\[solid\]{border-top-color:solid;border-bottom-color:solid}.pulse-border-b-\[color\:var\(--borderColor-muted\,var\(--color-action-list-item-inline-divider\)\)\]{border-bottom-color:var(--borderColor-muted,var(--color-action-list-item-inline-divider))}.pulse-border-t-\[color\:var\(--borderColor-muted\)\]{border-top-color:var(--borderColor-muted)}.pulse-border-t-\[color\:var\(--borderColor-muted\,var\(--color-action-list-item-inline-divider\)\)\]{border-top-color:var(--borderColor-muted,var(--color-action-list-item-inline-divider))}.pulse-bg-\[\#dafbe1\]{--tw-bg-opacity:1;background-color:rgb(218 251 225/var(--tw-bg-opacity,1))}.pulse-bg-\[\#ddf4ff\]{--tw-bg-opacity:1;background-color:rgb(221 244 255/var(--tw-bg-opacity,1))}.pulse-bg-\[\#ffebe9\]{--tw-bg-opacity:1;background-color:rgb(255 235 233/var(--tw-bg-opacity,1))}.pulse-bg-\[\#fff8c5\]{--tw-bg-opacity:1;background-color:rgb(255 248 197/var(--tw-bg-opacity,1))}.pulse-bg-\[color\:var\(--bgColor-neutral-emphasis\)\]{background-color:var(--bgColor-neutral-emphasis)}.pulse-bg-\[color\:var\(--bgColor-neutral-muted\)\]{background-color:var(--bgColor-neutral-muted)}.pulse-bg-\[color\:var\(--control-transparent-bgColor-hover\)\]{background-color:var(--control-transparent-bgColor-hover)}.pulse-bg-\[color\:var\(--control-transparent-bgColor-rest\)\]{background-color:var(--control-transparent-bgColor-rest)}.pulse-bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.pulse-bg-error{--tw-bg-opacity:1;background-color:rgb(238 45 91/var(--tw-bg-opacity,1))}.pulse-bg-error-100{--tw-bg-opacity:1;background-color:rgb(253 228 234/var(--tw-bg-opacity,1))}.pulse-bg-error-50{--tw-bg-opacity:1;background-color:rgb(254 244 247/var(--tw-bg-opacity,1))}.pulse-bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.pulse-bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.pulse-bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.pulse-bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.pulse-bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.pulse-bg-green-700{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.pulse-bg-neutral-700\/75{background-color:rgba(64,64,64,.75)}.pulse-bg-primary{--tw-bg-opacity:1;background-color:rgb(255 65 65/var(--tw-bg-opacity,1))}.pulse-bg-secondary{--tw-bg-opacity:1;background-color:rgb(35 65 148/var(--tw-bg-opacity,1))}.pulse-bg-secondary-100{--tw-bg-opacity:1;background-color:rgb(200 211 242/var(--tw-bg-opacity,1))}.pulse-bg-secondary-200{--tw-bg-opacity:1;background-color:rgb(165 183 233/var(--tw-bg-opacity,1))}.pulse-bg-secondary-50{--tw-bg-opacity:1;background-color:rgb(234 239 250/var(--tw-bg-opacity,1))}.pulse-bg-success{--tw-bg-opacity:1;background-color:rgb(68 156 86/var(--tw-bg-opacity,1))}.pulse-bg-success-200{--tw-bg-opacity:1;background-color:rgb(199 225 204/var(--tw-bg-opacity,1))}.pulse-bg-transparent{background-color:transparent}.pulse-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.pulse-fill-\[currentcolor\]{fill:currentcolor}.pulse-fill-\[var\(--bgColor-default\)\]{fill:var(--bgColor-default)}.pulse-fill-\[var\(--control-checked-bgColor-rest\)\]{fill:var(--control-checked-bgColor-rest)}.pulse-fill-\[var\(--control-fgColor-disabled\)\]{fill:var(--control-fgColor-disabled)}.pulse-fill-\[var\(--fgColor-muted\)\]{fill:var(--fgColor-muted)}.pulse-fill-\[var\(--pulse-fgColor-onEmphasis\)\]{fill:var(--pulse-fgColor-onEmphasis)}.pulse-fill-gray-100{fill:#f3f4f6}.pulse-fill-gray-900{fill:#111827}.pulse-stroke-\[color\:var\(--control-borderColor-rest\)\]{stroke:var(--control-borderColor-rest)}.pulse-stroke-\[color\:var\(--control-checked-bgColor-rest\)\]{stroke:var(--control-checked-bgColor-rest)}.pulse-stroke-\[length\:var\(--borderWidth-thin\,1px\)\]{stroke-width:var(--borderWidth-thin,1px)}.pulse-p-0{padding:0}.pulse-p-2{padding:.5rem}.pulse-p-4{padding:1rem}.pulse-p-6{padding:1.5rem}.pulse-px-1\.5{padding-left:.375rem;padding-right:.375rem}.pulse-px-2{padding-left:.5rem;padding-right:.5rem}.pulse-px-3{padding-left:.75rem;padding-right:.75rem}.pulse-px-4{padding-left:1rem;padding-right:1rem}.pulse-px-5{padding-left:1.25rem;padding-right:1.25rem}.pulse-px-6{padding-left:1.5rem;padding-right:1.5rem}.pulse-py-0{padding-top:0;padding-bottom:0}.pulse-py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.pulse-py-1{padding-top:.25rem;padding-bottom:.25rem}.pulse-py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.pulse-py-2{padding-top:.5rem;padding-bottom:.5rem}.pulse-py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.pulse-py-4{padding-top:1rem;padding-bottom:1rem}.pulse-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pulse-pb-20{padding-bottom:5rem}.pulse-pb-\[var\(--base-size-8\)\]{padding-bottom:var(--base-size-8)}.pulse-pb-\[var\(--stack-padding-normal\)\]{padding-bottom:var(--stack-padding-normal)}.pulse-pl-2{padding-left:.5rem}.pulse-pl-8{padding-left:2rem}.pulse-pl-\[var\(--base-size-24\)\]{padding-left:var(--base-size-24)}.pulse-pl-\[var\(--base-size-32\)\]{padding-left:var(--base-size-32)}.pulse-pl-\[var\(--base-size-36\)\]{padding-left:var(--base-size-36)}.pulse-pl-\[var\(--base-size-40\)\]{padding-left:var(--base-size-40)}.pulse-pl-\[var\(--base-size-8\)\]{padding-left:var(--base-size-8)}.pulse-pl-\[var\(--stack-padding-normal\)\]{padding-left:var(--stack-padding-normal)}.pulse-pr-4{padding-right:1rem}.pulse-pr-\[var\(--base-size-8\)\]{padding-right:var(--base-size-8)}.pulse-pr-\[var\(--stack-padding-normal\)\]{padding-right:var(--stack-padding-normal)}.pulse-pt-16{padding-top:4rem}.pulse-pt-\[var\(--base-size-8\)\]{padding-top:var(--base-size-8)}.pulse-pt-\[var\(--stack-padding-normal\)\]{padding-top:var(--stack-padding-normal)}.pulse-text-left{text-align:left}.pulse-text-center{text-align:center}.pulse-text-start{text-align:start}.pulse-text-2xl{font-size:1.5rem;line-height:2rem}.pulse-text-2xs{font-size:.625rem}.pulse-text-3xl{font-size:1.875rem;line-height:2.25rem}.pulse-text-\[10px\]{font-size:10px}.pulse-text-\[length\:var\(--text-body-size-medium\)\]{font-size:var(--text-body-size-medium)}.pulse-text-\[length\:var\(--text-body-size-small\)\]{font-size:var(--text-body-size-small)}.pulse-text-base{font-size:1rem;line-height:1.5rem}.pulse-text-lg{font-size:1.125rem;line-height:1.75rem}.pulse-text-sm{font-size:.875rem;line-height:1.25rem}.pulse-text-xl{font-size:1.25rem;line-height:1.75rem}.pulse-text-xs{font-size:.75rem;line-height:1rem}.pulse-font-\[number\:var\(--base-text-weight-medium\)\]{font-weight:var(--base-text-weight-medium)}.pulse-font-\[number\:var\(--base-text-weight-normal\)\]{font-weight:var(--base-text-weight-normal)}.pulse-font-\[number\:var\(--base-text-weight-semibold\)\]{font-weight:var(--base-text-weight-semibold)}.pulse-font-bold{font-weight:700}.pulse-font-medium{font-weight:500}.pulse-font-normal{font-weight:400}.pulse-font-semibold{font-weight:600}.pulse-uppercase{text-transform:uppercase}.pulse-leading-5{line-height:1.25rem}.pulse-leading-6{line-height:1.5rem}.pulse-leading-\[calc\(var\(--base-size-20\)_-_var\(--borderWidth-thin\)_\*_2\)\]{line-height:calc(var(--base-size-20) - var(--borderWidth-thin)*2)}.pulse-leading-\[var\(--text-body-lineHeight-medium\)\]{line-height:var(--text-body-lineHeight-medium)}.pulse-leading-\[var\(--text-body-lineHeight-small\)\]{line-height:var(--text-body-lineHeight-small)}.pulse-leading-none{line-height:1}.pulse-leading-normal{line-height:1.5}.pulse-leading-snug{line-height:1.375}.pulse-leading-tight{line-height:1.25}.pulse-tracking-tight{letter-spacing:-.025em}.pulse-tracking-wider{letter-spacing:.05em}.pulse-text-\[color\:var\(--control-danger-fgColor-hover\)\]{color:var(--control-danger-fgColor-hover)}.pulse-text-\[color\:var\(--control-danger-fgColor-rest\)\]{color:var(--control-danger-fgColor-rest)}.pulse-text-\[color\:var\(--control-fgColor-disabled\)\]{color:var(--control-fgColor-disabled)}.pulse-text-\[color\:var\(--control-fgColor-rest\)\]{color:var(--control-fgColor-rest)}.pulse-text-\[color\:var\(--fgColor-default\)\]{color:var(--fgColor-default)}.pulse-text-\[color\:var\(--fgColor-muted\)\]{color:var(--fgColor-muted)}.pulse-text-\[color\:var\(--pulse-fgColor-onEmphasis\)\]{color:var(--pulse-fgColor-onEmphasis)}.pulse-text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.pulse-text-danger-800{--tw-text-opacity:1;color:rgb(205 7 54/var(--tw-text-opacity,1))}.pulse-text-error{--tw-text-opacity:1;color:rgb(238 45 91/var(--tw-text-opacity,1))}.pulse-text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.pulse-text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.pulse-text-primary{--tw-text-opacity:1;color:rgb(255 65 65/var(--tw-text-opacity,1))}.pulse-text-primary-800{--tw-text-opacity:1;color:rgb(204 52 52/var(--tw-text-opacity,1))}.pulse-text-secondary{--tw-text-opacity:1;color:rgb(35 65 148/var(--tw-text-opacity,1))}.pulse-text-tertiary{--tw-text-opacity:1;color:rgb(77 124 153/var(--tw-text-opacity,1))}.pulse-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.pulse-underline{text-decoration-line:underline}.pulse-no-underline{text-decoration-line:none}.pulse-opacity-0{opacity:0}.pulse-opacity-100{opacity:1}.pulse-shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.pulse-shadow,.pulse-shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.pulse-shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.pulse-shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.pulse-shadow-\[var\(--boxShadow-thin\)_var\(--control-transparent-borderColor-active\)\]{--tw-shadow-color:var(--boxShadow-thin) var(--control-transparent-borderColor-active);--tw-shadow:var(--tw-shadow-colored)}.pulse-outline-none{outline:2px solid transparent;outline-offset:2px}.pulse-outline-offset-\[calc\(-1_\*_var\(--borderWidth-thin\)\)\]{outline-offset:calc(var(--borderWidth-thin)*-1)}.pulse-transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pulse-transition-\[background\]{transition-property:background;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pulse-transition-\[visibility\]{transition-property:visibility;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pulse-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pulse-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pulse-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pulse-delay-200{transition-delay:.2s}.pulse-duration-200{transition-duration:.2s}.pulse-duration-300{transition-duration:.3s}.pulse-duration-500{transition-duration:.5s}.pulse-duration-\[0s\]{transition-duration:0s}.pulse-duration-\[120ms\]{transition-duration:.12s}.pulse-duration-\[33\.333ms\]{transition-duration:33.333ms}.pulse-ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.pulse-ease-linear{transition-timing-function:linear}.pulse-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.pulse-content-\[\'\'\]{--tw-content:"";content:var(--tw-content)}.pulse-content-\[unset\]{--tw-content:unset;content:var(--tw-content)}:root{--pulse-fgColor-onEmphasis:#fff;--pulse-focus-outlineColor:#1d4ed8;--pulse-layout-sidebar-width:220px;--pulse-layout-gutter:16px}.first\:pulse-ps-4:first-child{padding-inline-start:1rem}.last\:pulse-border-b-0:last-child{border-bottom-width:0}.last\:pulse-pe-4:last-child{padding-inline-end:1rem}.first-of-type\:pulse-rounded-t-md:first-of-type{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.first-of-type\:pulse-rounded-tl-\[var\(--borderRadius-medium\)\]:first-of-type{border-top-left-radius:var(--borderRadius-medium)}.first-of-type\:pulse-rounded-tr-\[var\(--borderRadius-medium\)\]:first-of-type{border-top-right-radius:var(--borderRadius-medium)}.last-of-type\:pulse-rounded-b-md:last-of-type{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}.last-of-type\:pulse-rounded-bl-\[var\(--borderRadius-medium\)\]:last-of-type{border-bottom-left-radius:var(--borderRadius-medium)}.last-of-type\:pulse-rounded-br-\[var\(--borderRadius-medium\)\]:last-of-type{border-bottom-right-radius:var(--borderRadius-medium)}.last-of-type\:pulse-border-b-0:last-of-type{border-bottom-width:0}.empty\:pulse-box-border:empty{box-sizing:border-box}.empty\:pulse-hidden:empty{display:none}.empty\:pulse-h-2:empty{height:.5rem}.empty\:pulse-h-\[var\(--base-size-8\)\]:empty{height:var(--base-size-8)}.hover\:pulse-bg-danger-800:hover{--tw-bg-opacity:1;background-color:rgb(205 7 54/var(--tw-bg-opacity,1))}.hover\:pulse-bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:pulse-bg-green-800:hover{--tw-bg-opacity:1;background-color:rgb(22 101 52/var(--tw-bg-opacity,1))}.hover\:pulse-text-gray-300:hover{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.hover\:pulse-text-primary:hover{--tw-text-opacity:1;color:rgb(255 65 65/var(--tw-text-opacity,1))}.hover\:pulse-text-secondary:hover{--tw-text-opacity:1;color:rgb(35 65 148/var(--tw-text-opacity,1))}.hover\:pulse-text-tertiary:hover{--tw-text-opacity:1;color:rgb(77 124 153/var(--tw-text-opacity,1))}.hover\:pulse-text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:pulse-no-underline:hover{text-decoration-line:none}.focus\:pulse-text-gray-300:focus{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.focus-visible\:pulse-bg-danger-800:focus-visible{--tw-bg-opacity:1;background-color:rgb(205 7 54/var(--tw-bg-opacity,1))}.focus-visible\:pulse-bg-gray-100:focus-visible{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.focus-visible\:pulse-bg-green-800:focus-visible{--tw-bg-opacity:1;background-color:rgb(22 101 52/var(--tw-bg-opacity,1))}.focus-visible\:pulse-text-white:focus-visible{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.focus-visible\:pulse-no-underline:focus-visible{text-decoration-line:none}.focus-visible\:pulse-shadow-btn-inset:focus-visible{--tw-shadow:inset 0 0 0 3px var(--pulse-fgColor-onEmphasis);--tw-shadow-colored:inset 0 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus-visible\:pulse-outline-\[2px\]:focus-visible{outline-width:2px}.focus-visible\:-pulse-outline-offset-2:focus-visible{outline-offset:-2px}.focus-visible\:pulse-outline-\[var\(--pulse-focus-outlineColor\)\]:focus-visible{outline-color:var(--pulse-focus-outlineColor)}.active\:pulse-bg-\[color\:var\(--control-transparent-bgColor-active\)\]:active{background-color:var(--control-transparent-bgColor-active)}.disabled\:pulse-cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:pulse-opacity-25:disabled{opacity:.25}.pulse-group:hover .group-hover\:pulse-w-1\/2{width:50%}.pulse-group:hover .group-hover\:pulse-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pulse-group.pulse-is-active .group-\[\.pulse-is-active\]\:pulse-block{display:block}@media (prefers-reduced-motion:no-preference){.motion-safe\:pulse-animate-\[checkmarkIn_200ms_cubic-bezier\(0\.11\2c 0\2c 0\.5\2c 0\)_forwards\]{animation:checkmarkIn .2s cubic-bezier(.11,0,.5,0) forwards}.motion-safe\:pulse-animate-\[checkmarkOut_200ms_cubic-bezier\(0\.11\2c 0\2c 0\.5\2c 0\)_forwards\]{animation:checkmarkOut .2s cubic-bezier(.11,0,.5,0) forwards}}@media (min-width:640px){.sm\:pulse-translate-y-0{--tw-translate-y:0px}.sm\:pulse-scale-100,.sm\:pulse-translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:pulse-scale-100{--tw-scale-x:1;--tw-scale-y:1}.sm\:pulse-scale-95{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:pulse-rounded-lg{border-radius:.5rem}.sm\:pulse-p-6{padding:1.5rem}}@media (min-width:768px){.md\:pulse-p-5{padding:1.25rem}}@media (prefers-color-scheme:dark){.dark\:pulse-bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}}@media print{.print\:pulse-divide-gray-400>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(156 163 175/var(--tw-divide-opacity,1))}.print\:pulse-px-2{padding-left:.5rem;padding-right:.5rem}.print\:pulse-py-2{padding-top:.5rem;padding-bottom:.5rem}.print\:pulse-py-3{padding-top:.75rem;padding-bottom:.75rem}.print\:pulse-text-2xl{font-size:1.5rem;line-height:2rem}.print\:pulse-text-2xs{font-size:.625rem}.print\:pulse-text-base{font-size:1rem;line-height:1.5rem}.print\:pulse-text-lg{font-size:1.125rem;line-height:1.75rem}.print\:pulse-text-sm{font-size:.875rem;line-height:1.25rem}.print\:pulse-text-xl{font-size:1.25rem;line-height:1.75rem}.print\:pulse-text-xs{font-size:.75rem;line-height:1rem}.print\:pulse-shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.print\:first\:pulse-ps-2:first-child{padding-inline-start:.5rem}.print\:last\:pulse-pe-2:last-child{padding-inline-end:.5rem}}.\[\&\>tr\:first-child\]\:pulse-border-t-0>tr:first-child{border-top-width:0}.\[\&\>tr\:nth-child\(even\)\]\:pulse-bg-gray-50>tr:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.\[\&\>tr\]\:pulse-border-t>tr{border-top-width:1px}
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
2
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-outline-style:solid;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--pulse-font-sans:"Nunito Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--pulse-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--pulse-color-green-700:oklch(52.7% .154 150.069);--pulse-color-green-800:oklch(44.8% .119 151.328);--pulse-color-blue-50:oklch(97% .014 254.604);--pulse-color-blue-700:oklch(48.8% .243 264.376);--pulse-color-neutral-50:#f9fafb;--pulse-color-neutral-100:#f3f4f6;--pulse-color-neutral-200:#e5e7eb;--pulse-color-neutral-300:#d1d5dc;--pulse-color-neutral-400:#99a1af;--pulse-color-neutral-600:#4a5565;--pulse-color-neutral-700:#364153;--pulse-color-neutral-900:#101828;--pulse-color-black:#000;--pulse-color-white:#fff;--pulse-spacing:.25rem;--pulse-container-md:28rem;--pulse-container-2xl:42rem;--pulse-container-4xl:56rem;--pulse-container-5xl:64rem;--pulse-container-6xl:72rem;--pulse-text-xs:.75rem;--pulse-text-xs--line-height:calc(1 / .75);--pulse-text-sm:.875rem;--pulse-text-sm--line-height:calc(1.25 / .875);--pulse-text-base:1rem;--pulse-text-base--line-height:calc(1.5 / 1);--pulse-text-lg:1.125rem;--pulse-text-lg--line-height:calc(1.75 / 1.125);--pulse-text-xl:1.25rem;--pulse-text-xl--line-height:calc(1.75 / 1.25);--pulse-text-2xl:1.5rem;--pulse-text-2xl--line-height:calc(2 / 1.5);--pulse-text-3xl:1.875rem;--pulse-text-3xl--line-height:calc(2.25 / 1.875);--pulse-font-weight-normal:400;--pulse-font-weight-medium:500;--pulse-font-weight-semibold:600;--pulse-font-weight-bold:700;--pulse-tracking-tight:-.025em;--pulse-tracking-normal:0em;--pulse-tracking-wider:.05em;--pulse-leading-tight:1.25;--pulse-leading-snug:1.375;--pulse-leading-normal:1.5;--pulse-radius-md:.375rem;--pulse-radius-lg:.5rem;--pulse-radius-2xl:1rem;--pulse-ease-in:cubic-bezier(.4, 0, 1, 1);--pulse-ease-out:cubic-bezier(0, 0, .2, 1);--pulse-default-transition-duration:.15s;--pulse-default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--pulse-default-font-family:var(--pulse-font-sans);--pulse-default-mono-font-family:var(--pulse-font-mono);--pulse-color-primary:#ff4141;--pulse-color-primary-800:#cc3434;--pulse-color-secondary:#234194;--pulse-color-secondary-50:#eaeffa;--pulse-color-secondary-100:#c8d3f2;--pulse-color-secondary-200:#a5b7e9;--pulse-color-secondary-300:#829ce1;--pulse-color-tertiary:#4d7c99;--pulse-color-error:#ee2d4b;--pulse-color-error-50:#fef4f6;--pulse-color-error-100:#fde4e8;--pulse-color-success:#449c56;--pulse-color-success-200:#c7e1cc;--pulse-color-danger-800:#cd0725;--pulse-text-2xs:.625rem}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--pulse-default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--pulse-default-font-feature-settings,normal);font-variation-settings:var(--pulse-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--pulse-default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--pulse-default-mono-font-feature-settings,normal);font-variation-settings:var(--pulse-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:after,:before,::backdrop{border-color:var(--pulse-color-neutral-200,currentcolor)}::file-selector-button{border-color:var(--pulse-color-neutral-200,currentcolor)}input:where([type=text]),input:where(:not([type])),input:where([type=email]),input:where([type=url]),input:where([type=password]),input:where([type=number]),input:where([type=date]),input:where([type=datetime-local]),input:where([type=month]),input:where([type=search]),input:where([type=tel]),input:where([type=time]),input:where([type=week]),select:where([multiple]),textarea,select{appearance:none;--tw-shadow:0 0 #0000;background-color:#fff;border-width:1px;border-color:oklch(55.1% .027 264.364);border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem}:is(input:where([type=text]),input:where(:not([type])),input:where([type=email]),input:where([type=url]),input:where([type=password]),input:where([type=number]),input:where([type=date]),input:where([type=datetime-local]),input:where([type=month]),input:where([type=search]),input:where([type=tel]),input:where([type=time]),input:where([type=week]),select:where([multiple]),textarea,select):focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--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);border-color:oklch(54.6% .245 262.881);outline:2px solid #0000}input::placeholder,textarea::placeholder{color:oklch(55.1% .027 264.364);opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-month-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-day-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-hour-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-minute-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-second-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-millisecond-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{-webkit-print-color-adjust:exact;print-color-adjust:exact;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}select:where([multiple]),select:where([size]:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;print-color-adjust:unset;padding-right:.75rem}input:where([type=checkbox]),input:where([type=radio]){appearance:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:middle;-webkit-user-select:none;user-select:none;color:oklch(54.6% .245 262.881);--tw-shadow:0 0 #0000;background-color:#fff;background-origin:border-box;border-width:1px;border-color:oklch(55.1% .027 264.364);flex-shrink:0;width:1rem;height:1rem;padding:0;display:inline-block}input:where([type=checkbox]){border-radius:0}input:where([type=radio]){border-radius:100%}input:where([type=checkbox]):focus,input:where([type=radio]):focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--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);outline:2px solid #0000}input:where([type=checkbox]):checked,input:where([type=radio]):checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}input:where([type=checkbox]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors:active){input:where([type=checkbox]):checked{appearance:auto}}input:where([type=radio]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors:active){input:where([type=radio]):checked{appearance:auto}}input:where([type=checkbox]):checked:hover,input:where([type=checkbox]):checked:focus,input:where([type=radio]):checked:hover,input:where([type=radio]):checked:focus{background-color:currentColor;border-color:#0000}input:where([type=checkbox]):indeterminate{background-color:currentColor;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}@media (forced-colors:active){input:where([type=checkbox]):indeterminate{appearance:auto}}input:where([type=checkbox]):indeterminate:hover,input:where([type=checkbox]):indeterminate:focus{background-color:currentColor;border-color:#0000}input:where([type=file]){background:unset;border-color:inherit;font-size:unset;line-height:inherit;border-width:0;border-radius:0;padding:0}input:where([type=file]):focus{outline:1px solid buttontext;outline:1px auto -webkit-focus-ring-color}}@layer components;@layer utilities{.pulse\:absolute{position:absolute}.pulse\:fixed{position:fixed}.pulse\:relative{position:relative}.pulse\:inset-0{inset:0}.pulse\:inset-s-0{inset-inline-start:0}.pulse\:right-1\/2{right:50%}.pulse\:-bottom-0\.5{bottom:calc(var(--pulse-spacing) * -.5)}.pulse\:left-1\/2{left:50%}.pulse\:z-10{z-index:10}.pulse\:z-50{z-index:50}.pulse\:z-100{z-index:100}.pulse\:z-9999{z-index:9999}.pulse\:col-1{grid-column:1}.pulse\:col-\[2\/span_2\]{grid-column:2/span 2}.pulse\:container{width:100%}@media (min-width:40rem){.pulse\:container{max-width:40rem}}@media (min-width:48rem){.pulse\:container{max-width:48rem}}@media (min-width:64rem){.pulse\:container{max-width:64rem}}@media (min-width:80rem){.pulse\:container{max-width:80rem}}@media (min-width:96rem){.pulse\:container{max-width:96rem}}.pulse\:m-0{margin:0}.pulse\:m-8{margin:calc(var(--pulse-spacing) * 8)}.pulse\:container{margin-inline:auto;padding-inline:.625rem}.pulse\:mx-1{margin-inline:var(--pulse-spacing)}.pulse\:mx-auto{margin-inline:auto}.pulse\:-my-2{margin-block:calc(var(--pulse-spacing) * -2)}.pulse\:my-3{margin-block:calc(var(--pulse-spacing) * 3)}.pulse\:ms-2{margin-inline-start:calc(var(--pulse-spacing) * 2)}.pulse\:ms-auto{margin-inline-start:auto}.pulse\:me-2{margin-inline-end:calc(var(--pulse-spacing) * 2)}.pulse\:-mt-1{margin-top:calc(var(--pulse-spacing) * -1)}.pulse\:mt-0{margin-top:0}.pulse\:mt-2{margin-top:calc(var(--pulse-spacing) * 2)}.pulse\:mt-4{margin-top:calc(var(--pulse-spacing) * 4)}.pulse\:mr-2{margin-right:calc(var(--pulse-spacing) * 2)}.pulse\:mb-0{margin-bottom:0}.pulse\:mb-2{margin-bottom:calc(var(--pulse-spacing) * 2)}.pulse\:mb-4{margin-bottom:calc(var(--pulse-spacing) * 4)}.pulse\:ml-2{margin-left:calc(var(--pulse-spacing) * 2)}.pulse\:box-border{box-sizing:border-box}.pulse\:block{display:block}.pulse\:flex{display:flex}.pulse\:grid{display:grid}.pulse\:hidden{display:none}.pulse\:inline-block{display:inline-block}.pulse\:inline-flex{display:inline-flex}.pulse\:h-0\.5{height:calc(var(--pulse-spacing) * .5)}.pulse\:h-1{height:var(--pulse-spacing)}.pulse\:h-7{height:calc(var(--pulse-spacing) * 7)}.pulse\:h-20{height:calc(var(--pulse-spacing) * 20)}.pulse\:h-px{height:1px}.pulse\:min-h-screen{min-height:100vh}.pulse\:w-0{width:0}.pulse\:w-10{width:calc(var(--pulse-spacing) * 10)}.pulse\:w-64{width:calc(var(--pulse-spacing) * 64)}.pulse\:w-80{width:calc(var(--pulse-spacing) * 80)}.pulse\:w-full{width:100%}.pulse\:max-w-2xl{max-width:var(--pulse-container-2xl)}.pulse\:max-w-4xl{max-width:var(--pulse-container-4xl)}.pulse\:max-w-5xl{max-width:var(--pulse-container-5xl)}.pulse\:max-w-6xl{max-width:var(--pulse-container-6xl)}.pulse\:max-w-md{max-width:var(--pulse-container-md)}.pulse\:min-w-32{min-width:calc(var(--pulse-spacing) * 32)}.pulse\:min-w-62\.5{min-width:calc(var(--pulse-spacing) * 62.5)}.pulse\:min-w-full{min-width:100%}.pulse\:flex-1{flex:1}.pulse\:shrink-0{flex-shrink:0}.pulse\:translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.pulse\:translate-y-4{--tw-translate-y:calc(var(--pulse-spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.pulse\:translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.pulse\:transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.pulse\:list-inside{list-style-position:inside}.pulse\:list-disc{list-style-type:disc}.pulse\:list-none{list-style-type:none}.pulse\:appearance-none{appearance:none}.pulse\:grid-flow-col{grid-auto-flow:column}.pulse\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.pulse\:grid-cols-\[min-content_min-content_minmax\(0\,auto\)_min-content_min-content\]{grid-template-columns:min-content min-content minmax(0,auto) min-content min-content}.pulse\:grid-rows-\[min-content\]{grid-template-rows:min-content}.pulse\:flex-col{flex-direction:column}.pulse\:flex-row{flex-direction:row}.pulse\:items-center{align-items:center}.pulse\:items-start{align-items:flex-start}.pulse\:justify-between{justify-content:space-between}.pulse\:justify-center{justify-content:center}.pulse\:justify-end{justify-content:flex-end}.pulse\:justify-start{justify-content:flex-start}.pulse\:gap-\(--pulse-layout-gutter\){gap:var(--pulse-layout-gutter)}.pulse\:gap-1{gap:var(--pulse-spacing)}.pulse\:gap-1\.5{gap:calc(var(--pulse-spacing) * 1.5)}.pulse\:gap-2{gap:calc(var(--pulse-spacing) * 2)}.pulse\:gap-3\.5{gap:calc(var(--pulse-spacing) * 3.5)}.pulse\:gap-4{gap:calc(var(--pulse-spacing) * 4)}.pulse\:gap-6{gap:calc(var(--pulse-spacing) * 6)}:where(.pulse\:divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.pulse\:divide-neutral-300>:not(:last-child)){border-color:var(--pulse-color-neutral-300)}.pulse\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pulse\:overflow-hidden{overflow:hidden}.pulse\:overflow-x-scroll{overflow-x:scroll}.pulse\:overflow-y-auto{overflow-y:auto}.pulse\:rounded{border-radius:.25rem}.pulse\:rounded-2xl{border-radius:var(--pulse-radius-2xl)}.pulse\:rounded-full{border-radius:3.40282e38px}.pulse\:rounded-lg{border-radius:var(--pulse-radius-lg)}.pulse\:rounded-md{border-radius:var(--pulse-radius-md)}.pulse\:rounded-t-md{border-top-left-radius:var(--pulse-radius-md);border-top-right-radius:var(--pulse-radius-md)}.pulse\:rounded-b-md{border-bottom-right-radius:var(--pulse-radius-md);border-bottom-left-radius:var(--pulse-radius-md)}.pulse\:border{border-style:var(--tw-border-style);border-width:1px}.pulse\:border-0{border-style:var(--tw-border-style);border-width:0}.pulse\:border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.pulse\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.pulse\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.pulse\:border-none{--tw-border-style:none;border-style:none}.pulse\:border-solid{--tw-border-style:solid;border-style:solid}.pulse\:border-\[\#4ac26b\]{border-color:#4ac26b}.pulse\:border-\[\#54aeff\]{border-color:#54aeff}.pulse\:border-\[\#f6e05e\]{border-color:#f6e05e}.pulse\:border-\[\#ff8182\]{border-color:#ff8182}.pulse\:border-neutral-300{border-color:var(--pulse-color-neutral-300)}.pulse\:border-secondary{border-color:var(--pulse-color-secondary)}.pulse\:border-secondary-300{border-color:var(--pulse-color-secondary-300)}.pulse\:bg-\[\#dafbe1\]{background-color:#dafbe1}.pulse\:bg-\[\#ddf4ff\]{background-color:#ddf4ff}.pulse\:bg-\[\#ffebe9\]{background-color:#ffebe9}.pulse\:bg-\[\#fff8c5\]{background-color:#fff8c5}.pulse\:bg-blue-50{background-color:var(--pulse-color-blue-50)}.pulse\:bg-error{background-color:var(--pulse-color-error)}.pulse\:bg-error-50{background-color:var(--pulse-color-error-50)}.pulse\:bg-error-100{background-color:var(--pulse-color-error-100)}.pulse\:bg-green-700{background-color:var(--pulse-color-green-700)}.pulse\:bg-neutral-50{background-color:var(--pulse-color-neutral-50)}.pulse\:bg-neutral-100{background-color:var(--pulse-color-neutral-100)}.pulse\:bg-neutral-300{background-color:var(--pulse-color-neutral-300)}.pulse\:bg-neutral-600{background-color:var(--pulse-color-neutral-600)}.pulse\:bg-neutral-700,.pulse\:bg-neutral-700\/75{background-color:var(--pulse-color-neutral-700)}@supports (color:color-mix(in lab, red, red)){.pulse\:bg-neutral-700\/75{background-color:color-mix(in oklab, var(--pulse-color-neutral-700) 75%, transparent)}}.pulse\:bg-primary{background-color:var(--pulse-color-primary)}.pulse\:bg-secondary{background-color:var(--pulse-color-secondary)}.pulse\:bg-secondary-50{background-color:var(--pulse-color-secondary-50)}.pulse\:bg-secondary-100{background-color:var(--pulse-color-secondary-100)}.pulse\:bg-secondary-200{background-color:var(--pulse-color-secondary-200)}.pulse\:bg-success{background-color:var(--pulse-color-success)}.pulse\:bg-success-200{background-color:var(--pulse-color-success-200)}.pulse\:bg-transparent{background-color:#0000}.pulse\:bg-white{background-color:var(--pulse-color-white)}.pulse\:fill-neutral-100{fill:var(--pulse-color-neutral-100)}.pulse\:fill-neutral-900{fill:var(--pulse-color-neutral-900)}.pulse\:p-0{padding:0}.pulse\:p-2{padding:calc(var(--pulse-spacing) * 2)}.pulse\:p-4{padding:calc(var(--pulse-spacing) * 4)}.pulse\:p-6{padding:calc(var(--pulse-spacing) * 6)}.pulse\:px-1\.5{padding-inline:calc(var(--pulse-spacing) * 1.5)}.pulse\:px-2{padding-inline:calc(var(--pulse-spacing) * 2)}.pulse\:px-3{padding-inline:calc(var(--pulse-spacing) * 3)}.pulse\:px-4{padding-inline:calc(var(--pulse-spacing) * 4)}.pulse\:px-5{padding-inline:calc(var(--pulse-spacing) * 5)}.pulse\:px-6{padding-inline:calc(var(--pulse-spacing) * 6)}.pulse\:py-0\.5{padding-block:calc(var(--pulse-spacing) * .5)}.pulse\:py-1{padding-block:var(--pulse-spacing)}.pulse\:py-1\.5{padding-block:calc(var(--pulse-spacing) * 1.5)}.pulse\:py-2{padding-block:calc(var(--pulse-spacing) * 2)}.pulse\:py-2\.5{padding-block:calc(var(--pulse-spacing) * 2.5)}.pulse\:py-4{padding-block:calc(var(--pulse-spacing) * 4)}.pulse\:py-5{padding-block:calc(var(--pulse-spacing) * 5)}.pulse\:pt-16{padding-top:calc(var(--pulse-spacing) * 16)}.pulse\:pr-4{padding-right:calc(var(--pulse-spacing) * 4)}.pulse\:pb-20{padding-bottom:calc(var(--pulse-spacing) * 20)}.pulse\:pl-2{padding-left:calc(var(--pulse-spacing) * 2)}.pulse\:pl-8{padding-left:calc(var(--pulse-spacing) * 8)}.pulse\:text-center{text-align:center}.pulse\:text-left{text-align:left}.pulse\:text-start{text-align:start}.pulse\:font-mono{font-family:var(--pulse-font-mono)}.pulse\:text-2xl{font-size:var(--pulse-text-2xl);line-height:var(--tw-leading,var(--pulse-text-2xl--line-height))}.pulse\:text-3xl{font-size:var(--pulse-text-3xl);line-height:var(--tw-leading,var(--pulse-text-3xl--line-height))}.pulse\:text-base{font-size:var(--pulse-text-base);line-height:var(--tw-leading,var(--pulse-text-base--line-height))}.pulse\:text-lg{font-size:var(--pulse-text-lg);line-height:var(--tw-leading,var(--pulse-text-lg--line-height))}.pulse\:text-sm{font-size:var(--pulse-text-sm);line-height:var(--tw-leading,var(--pulse-text-sm--line-height))}.pulse\:text-xl{font-size:var(--pulse-text-xl);line-height:var(--tw-leading,var(--pulse-text-xl--line-height))}.pulse\:text-xs{font-size:var(--pulse-text-xs);line-height:var(--tw-leading,var(--pulse-text-xs--line-height))}.pulse\:text-2xs{font-size:var(--pulse-text-2xs)}.pulse\:text-\[10px\]{font-size:10px}.pulse\:leading-5{--tw-leading:calc(var(--pulse-spacing) * 5);line-height:calc(var(--pulse-spacing) * 5)}.pulse\:leading-6{--tw-leading:calc(var(--pulse-spacing) * 6);line-height:calc(var(--pulse-spacing) * 6)}.pulse\:leading-none{--tw-leading:1;line-height:1}.pulse\:leading-normal{--tw-leading:var(--pulse-leading-normal);line-height:var(--pulse-leading-normal)}.pulse\:leading-snug{--tw-leading:var(--pulse-leading-snug);line-height:var(--pulse-leading-snug)}.pulse\:leading-tight{--tw-leading:var(--pulse-leading-tight);line-height:var(--pulse-leading-tight)}.pulse\:font-bold{--tw-font-weight:var(--pulse-font-weight-bold);font-weight:var(--pulse-font-weight-bold)}.pulse\:font-medium{--tw-font-weight:var(--pulse-font-weight-medium);font-weight:var(--pulse-font-weight-medium)}.pulse\:font-normal{--tw-font-weight:var(--pulse-font-weight-normal);font-weight:var(--pulse-font-weight-normal)}.pulse\:font-semibold{--tw-font-weight:var(--pulse-font-weight-semibold);font-weight:var(--pulse-font-weight-semibold)}.pulse\:tracking-normal{--tw-tracking:var(--pulse-tracking-normal);letter-spacing:var(--pulse-tracking-normal)}.pulse\:tracking-tight{--tw-tracking:var(--pulse-tracking-tight);letter-spacing:var(--pulse-tracking-tight)}.pulse\:tracking-wider{--tw-tracking:var(--pulse-tracking-wider);letter-spacing:var(--pulse-tracking-wider)}.pulse\:whitespace-nowrap{white-space:nowrap}.pulse\:text-black{color:var(--pulse-color-black)}.pulse\:text-danger-800{color:var(--pulse-color-danger-800)}.pulse\:text-error{color:var(--pulse-color-error)}.pulse\:text-neutral-300{color:var(--pulse-color-neutral-300)}.pulse\:text-neutral-600{color:var(--pulse-color-neutral-600)}.pulse\:text-neutral-700{color:var(--pulse-color-neutral-700)}.pulse\:text-neutral-900{color:var(--pulse-color-neutral-900)}.pulse\:text-primary{color:var(--pulse-color-primary)}.pulse\:text-primary-800{color:var(--pulse-color-primary-800)}.pulse\:text-secondary{color:var(--pulse-color-secondary)}.pulse\:text-tertiary{color:var(--pulse-color-tertiary)}.pulse\:text-white{color:var(--pulse-color-white)}.pulse\:uppercase{text-transform:uppercase}.pulse\:no-underline{text-decoration-line:none}.pulse\:underline{text-decoration-line:underline}.pulse\:opacity-0{opacity:0}.pulse\:opacity-100{opacity:1}.pulse\:shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pulse\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pulse\:shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pulse\:shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pulse\:ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pulse\:ring-neutral-900{--tw-ring-color:var(--pulse-color-neutral-900)}.pulse\:ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.pulse\:outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.pulse\:outline-hidden{outline-offset:2px;outline:2px solid #0000}}.pulse\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--pulse-default-transition-timing-function));transition-duration:var(--tw-duration,var(--pulse-default-transition-duration))}.pulse\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--pulse-default-transition-timing-function));transition-duration:var(--tw-duration,var(--pulse-default-transition-duration))}.pulse\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--pulse-default-transition-timing-function));transition-duration:var(--tw-duration,var(--pulse-default-transition-duration))}.pulse\:duration-200{--tw-duration:.2s;transition-duration:.2s}.pulse\:duration-300{--tw-duration:.3s;transition-duration:.3s}.pulse\:duration-500{--tw-duration:.5s;transition-duration:.5s}.pulse\:ease-in{--tw-ease:var(--pulse-ease-in);transition-timing-function:var(--pulse-ease-in)}.pulse\:ease-out{--tw-ease:var(--pulse-ease-out);transition-timing-function:var(--pulse-ease-out)}.pulse\:select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.pulse\:group-hover\:w-1\/2:is(:where(.pulse\:group):hover *){width:50%}.pulse\:group-hover\:transition-all:is(:where(.pulse\:group):hover *){transition-property:all;transition-timing-function:var(--tw-ease,var(--pulse-default-transition-timing-function));transition-duration:var(--tw-duration,var(--pulse-default-transition-duration))}}.pulse\:group-\[\.pulse-is-active\]\:block:is(:where(.pulse\:group).pulse-is-active *){display:block}.pulse\:before\:absolute:before{content:var(--tw-content);position:absolute}.pulse\:before\:-top-1\.5:before{content:var(--tw-content);top:calc(var(--pulse-spacing) * -1.5)}.pulse\:before\:top-1\/2:before{content:var(--tw-content);top:50%}.pulse\:before\:top-6:before{content:var(--tw-content);top:calc(var(--pulse-spacing) * 6)}.pulse\:before\:-right-1\.5:before{content:var(--tw-content);right:calc(var(--pulse-spacing) * -1.5)}.pulse\:before\:right-6:before{content:var(--tw-content);right:calc(var(--pulse-spacing) * 6)}.pulse\:before\:-bottom-1\.5:before{content:var(--tw-content);bottom:calc(var(--pulse-spacing) * -1.5)}.pulse\:before\:bottom-6:before{content:var(--tw-content);bottom:calc(var(--pulse-spacing) * 6)}.pulse\:before\:-left-1\.5:before{content:var(--tw-content);left:calc(var(--pulse-spacing) * -1.5)}.pulse\:before\:left-1\/2:before{content:var(--tw-content);left:50%}.pulse\:before\:left-6:before{content:var(--tw-content);left:calc(var(--pulse-spacing) * 6)}.pulse\:before\:size-3:before{content:var(--tw-content);width:calc(var(--pulse-spacing) * 3);height:calc(var(--pulse-spacing) * 3)}.pulse\:before\:-translate-x-1\/2:before{content:var(--tw-content);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.pulse\:before\:-translate-y-1\/2:before{content:var(--tw-content);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.pulse\:before\:rotate-45:before{content:var(--tw-content);rotate:45deg}.pulse\:before\:border-t:before{content:var(--tw-content);border-top-style:var(--tw-border-style);border-top-width:1px}.pulse\:before\:border-r:before{content:var(--tw-content);border-right-style:var(--tw-border-style);border-right-width:1px}.pulse\:before\:border-b:before{content:var(--tw-content);border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.pulse\:before\:border-l:before{content:var(--tw-content);border-left-style:var(--tw-border-style);border-left-width:1px}.pulse\:before\:border-neutral-300:before{content:var(--tw-content);border-color:var(--pulse-color-neutral-300)}.pulse\:before\:bg-white:before{content:var(--tw-content);background-color:var(--pulse-color-white)}.pulse\:first\:ps-4:first-child{padding-inline-start:calc(var(--pulse-spacing) * 4)}.pulse\:last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.pulse\:last\:pe-4:last-child{padding-inline-end:calc(var(--pulse-spacing) * 4)}.pulse\:first-of-type\:rounded-t-md:first-of-type{border-top-left-radius:var(--pulse-radius-md);border-top-right-radius:var(--pulse-radius-md)}.pulse\:last-of-type\:rounded-b-md:last-of-type{border-bottom-right-radius:var(--pulse-radius-md);border-bottom-left-radius:var(--pulse-radius-md)}.pulse\:last-of-type\:border-b-0:last-of-type{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.pulse\:empty\:box-border:empty{box-sizing:border-box}.pulse\:empty\:h-2:empty{height:calc(var(--pulse-spacing) * 2)}@media (hover:hover){.pulse\:hover\:bg-danger-800:hover{background-color:var(--pulse-color-danger-800)}.pulse\:hover\:bg-green-800:hover{background-color:var(--pulse-color-green-800)}.pulse\:hover\:bg-neutral-50:hover{background-color:var(--pulse-color-neutral-50)}.pulse\:hover\:bg-neutral-100:hover{background-color:var(--pulse-color-neutral-100)}.pulse\:hover\:text-neutral-300:hover{color:var(--pulse-color-neutral-300)}.pulse\:hover\:text-neutral-700:hover{color:var(--pulse-color-neutral-700)}.pulse\:hover\:text-primary:hover{color:var(--pulse-color-primary)}.pulse\:hover\:text-secondary:hover{color:var(--pulse-color-secondary)}.pulse\:hover\:text-tertiary:hover{color:var(--pulse-color-tertiary)}.pulse\:hover\:text-white:hover{color:var(--pulse-color-white)}.pulse\:hover\:no-underline:hover{text-decoration-line:none}}.pulse\:focus\:text-neutral-300:focus{color:var(--pulse-color-neutral-300)}.pulse\:focus-visible\:bg-danger-800:focus-visible{background-color:var(--pulse-color-danger-800)}.pulse\:focus-visible\:bg-green-800:focus-visible{background-color:var(--pulse-color-green-800)}.pulse\:focus-visible\:bg-neutral-100:focus-visible{background-color:var(--pulse-color-neutral-100)}.pulse\:focus-visible\:text-white:focus-visible{color:var(--pulse-color-white)}.pulse\:focus-visible\:no-underline:focus-visible{text-decoration-line:none}.pulse\:focus-visible\:shadow-btn-inset:focus-visible{--tw-shadow:inset 0 0 0 3px var(--tw-shadow-color,var(--pulse-fgColor-onEmphasis));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pulse\:focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.pulse\:focus-visible\:-outline-offset-2:focus-visible{outline-offset:calc(2px * -1)}.pulse\:focus-visible\:outline-\(--pulse-focus-outlineColor\):focus-visible{outline-color:var(--pulse-focus-outlineColor)}.pulse\:focus-visible\:outline-solid:focus-visible{--tw-outline-style:solid;outline-style:solid}.pulse\:disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.pulse\:disabled\:opacity-25:disabled{opacity:.25}@media (min-width:40rem){.pulse\:sm\:translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.pulse\:sm\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.pulse\:sm\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.pulse\:sm\:rounded-lg{border-radius:var(--pulse-radius-lg)}.pulse\:sm\:p-6{padding:calc(var(--pulse-spacing) * 6)}}@media (min-width:48rem){.pulse\:md\:p-5{padding:calc(var(--pulse-spacing) * 5)}}@media (prefers-color-scheme:dark){.pulse\:dark\:bg-neutral-600{background-color:var(--pulse-color-neutral-600)}}@media print{:where(.pulse\:print\:divide-neutral-400>:not(:last-child)){border-color:var(--pulse-color-neutral-400)}.pulse\:print\:px-2{padding-inline:calc(var(--pulse-spacing) * 2)}.pulse\:print\:py-2{padding-block:calc(var(--pulse-spacing) * 2)}.pulse\:print\:py-3{padding-block:calc(var(--pulse-spacing) * 3)}.pulse\:print\:text-2xl{font-size:var(--pulse-text-2xl);line-height:var(--tw-leading,var(--pulse-text-2xl--line-height))}.pulse\:print\:text-base{font-size:var(--pulse-text-base);line-height:var(--tw-leading,var(--pulse-text-base--line-height))}.pulse\:print\:text-lg{font-size:var(--pulse-text-lg);line-height:var(--tw-leading,var(--pulse-text-lg--line-height))}.pulse\:print\:text-sm{font-size:var(--pulse-text-sm);line-height:var(--tw-leading,var(--pulse-text-sm--line-height))}.pulse\:print\:text-xl{font-size:var(--pulse-text-xl);line-height:var(--tw-leading,var(--pulse-text-xl--line-height))}.pulse\:print\:text-xs{font-size:var(--pulse-text-xs);line-height:var(--tw-leading,var(--pulse-text-xs--line-height))}.pulse\:print\:text-2xs{font-size:var(--pulse-text-2xs)}.pulse\:print\:shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pulse\:print\:first\:ps-2:first-child{padding-inline-start:calc(var(--pulse-spacing) * 2)}.pulse\:print\:last\:pe-2:last-child{padding-inline-end:calc(var(--pulse-spacing) * 2)}}.pulse\:\[\&\>tr\]\:border-t>tr{border-top-style:var(--tw-border-style);border-top-width:1px}.pulse\:\[\&\>tr\:first-child\]\:border-t-0>tr:first-child{border-top-style:var(--tw-border-style);border-top-width:0}.pulse\:\[\&\>tr\:nth-child\(even\)\]\:bg-neutral-50>tr:nth-child(2n){background-color:var(--pulse-color-neutral-50)}}:root{--pulse-fgColor-onEmphasis:#fff;--pulse-focus-outlineColor:var(--pulse-color-blue-700);--pulse-layout-sidebar-width:220px;--pulse-layout-gutter:16px}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
|
|
@@ -1,10 +1,50 @@
|
|
|
1
|
-
@
|
|
2
|
-
|
|
3
|
-
@
|
|
1
|
+
@import "tailwindcss" prefix(pulse) source(none);
|
|
2
|
+
|
|
3
|
+
@plugin "@tailwindcss/forms" {
|
|
4
|
+
strategy: base;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
@source "../../../components";
|
|
8
|
+
@source "../../../javascript";
|
|
9
|
+
@source "../../../../previews";
|
|
10
|
+
|
|
11
|
+
@import "./tokens.primitives.css";
|
|
12
|
+
@import "./tokens.system.css";
|
|
13
|
+
|
|
14
|
+
@theme {
|
|
15
|
+
--font-sans:
|
|
16
|
+
"Nunito Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
|
|
17
|
+
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
18
|
+
|
|
19
|
+
--text-2xs: 0.625rem; /* 10px */
|
|
20
|
+
|
|
21
|
+
--shadow-btn: 0 4px 6px 0 rgb(0, 0, 0, 0.3);
|
|
22
|
+
--shadow-btn-inset: inset 0 0 0 3px var(--pulse-fgColor-onEmphasis);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
@utility container {
|
|
26
|
+
margin-inline: auto;
|
|
27
|
+
padding-inline: 0.625rem;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
/*
|
|
31
|
+
Tailwind 4 changed the default border color to `currentcolor`. This keeps
|
|
32
|
+
the Tailwind 3 default of gray-200 for elements that set a border width
|
|
33
|
+
without a color.
|
|
34
|
+
*/
|
|
35
|
+
@layer base {
|
|
36
|
+
*,
|
|
37
|
+
::after,
|
|
38
|
+
::before,
|
|
39
|
+
::backdrop,
|
|
40
|
+
::file-selector-button {
|
|
41
|
+
border-color: var(--pulse-color-neutral-200, currentcolor);
|
|
42
|
+
}
|
|
43
|
+
}
|
|
4
44
|
|
|
5
45
|
:root {
|
|
6
46
|
--pulse-fgColor-onEmphasis: #ffffff;
|
|
7
|
-
--pulse-focus-outlineColor:
|
|
47
|
+
--pulse-focus-outlineColor: var(--pulse-color-blue-700);
|
|
8
48
|
--pulse-layout-sidebar-width: 220px;
|
|
9
49
|
--pulse-layout-gutter: 16px;
|
|
10
50
|
}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
@theme {
|
|
2
|
+
--palette-coral-red-50: #ffecec;
|
|
3
|
+
--palette-coral-red-100: #ffd9d9;
|
|
4
|
+
--palette-coral-red-200: #ffc3c3;
|
|
5
|
+
--palette-coral-red-300: #ffb9b9;
|
|
6
|
+
--palette-coral-red-400: #ff9c9c;
|
|
7
|
+
--palette-coral-red-500: #ff8d8d;
|
|
8
|
+
--palette-coral-red-600: #ff6767;
|
|
9
|
+
--palette-coral-red-700: #ff4141;
|
|
10
|
+
--palette-coral-red-800: #cc3434;
|
|
11
|
+
--palette-coral-red-900: #992727;
|
|
12
|
+
|
|
13
|
+
--palette-midnight-50: #eaeffa;
|
|
14
|
+
--palette-midnight-100: #c8d3f2;
|
|
15
|
+
--palette-midnight-200: #a5b7e9;
|
|
16
|
+
--palette-midnight-300: #829ce1;
|
|
17
|
+
--palette-midnight-400: #5f80d9;
|
|
18
|
+
--palette-midnight-500: #3d64d1;
|
|
19
|
+
--palette-midnight-600: #2c51b7;
|
|
20
|
+
--palette-midnight-700: #234194;
|
|
21
|
+
--palette-midnight-800: #1b3271;
|
|
22
|
+
--palette-midnight-900: #050915;
|
|
23
|
+
|
|
24
|
+
--palette-glitter-lake-50: #f2faff;
|
|
25
|
+
--palette-glitter-lake-100: #e6f5ff;
|
|
26
|
+
--palette-glitter-lake-200: #ccebff;
|
|
27
|
+
--palette-glitter-lake-300: #b3e2ff;
|
|
28
|
+
--palette-glitter-lake-400: #99d8ff;
|
|
29
|
+
--palette-glitter-lake-500: #80ceff;
|
|
30
|
+
--palette-glitter-lake-600: #66a5cc;
|
|
31
|
+
--palette-glitter-lake-700: #4d7c99;
|
|
32
|
+
--palette-glitter-lake-800: #335266;
|
|
33
|
+
--palette-glitter-lake-900: #1a2933;
|
|
34
|
+
|
|
35
|
+
--palette-amaranth-50: #fef4f6;
|
|
36
|
+
--palette-amaranth-100: #fde4e8;
|
|
37
|
+
--palette-amaranth-200: #fbcad2;
|
|
38
|
+
--palette-amaranth-300: #f7a0ae;
|
|
39
|
+
--palette-amaranth-400: #f58193;
|
|
40
|
+
--palette-amaranth-500: #f36c81;
|
|
41
|
+
--palette-amaranth-600: #f1576f;
|
|
42
|
+
--palette-amaranth-700: #ee2d4b;
|
|
43
|
+
--palette-amaranth-800: #cd0725;
|
|
44
|
+
--palette-amaranth-900: #ab061f;
|
|
45
|
+
|
|
46
|
+
--palette-middle-green-50: #f6faf7;
|
|
47
|
+
--palette-middle-green-100: #e3f0e6;
|
|
48
|
+
--palette-middle-green-200: #c7e1cc;
|
|
49
|
+
--palette-middle-green-300: #b4d7bc;
|
|
50
|
+
--palette-middle-green-400: #a1ceab;
|
|
51
|
+
--palette-middle-green-500: #8fc49a;
|
|
52
|
+
--palette-middle-green-600: #60ab70;
|
|
53
|
+
--palette-middle-green-700: #449c56;
|
|
54
|
+
--palette-middle-green-800: #17742b;
|
|
55
|
+
--palette-middle-green-900: #000000;
|
|
56
|
+
|
|
57
|
+
/* Tailwind 4 gray, converted from oklch */
|
|
58
|
+
--palette-gray-50: #f9fafb;
|
|
59
|
+
--palette-gray-100: #f3f4f6;
|
|
60
|
+
--palette-gray-200: #e5e7eb;
|
|
61
|
+
--palette-gray-300: #d1d5dc;
|
|
62
|
+
--palette-gray-400: #99a1af;
|
|
63
|
+
--palette-gray-500: #6a7282;
|
|
64
|
+
--palette-gray-600: #4a5565;
|
|
65
|
+
--palette-gray-700: #364153;
|
|
66
|
+
--palette-gray-800: #1e2939;
|
|
67
|
+
--palette-gray-900: #101828;
|
|
68
|
+
}
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
@theme {
|
|
2
|
+
/* primary → coral-red */
|
|
3
|
+
--color-primary: --theme(--palette-coral-red-700 inline);
|
|
4
|
+
--color-primary-50: --theme(--palette-coral-red-50 inline);
|
|
5
|
+
--color-primary-100: --theme(--palette-coral-red-100 inline);
|
|
6
|
+
--color-primary-200: --theme(--palette-coral-red-200 inline);
|
|
7
|
+
--color-primary-300: --theme(--palette-coral-red-300 inline);
|
|
8
|
+
--color-primary-400: --theme(--palette-coral-red-400 inline);
|
|
9
|
+
--color-primary-500: --theme(--palette-coral-red-500 inline);
|
|
10
|
+
--color-primary-600: --theme(--palette-coral-red-600 inline);
|
|
11
|
+
--color-primary-700: --theme(--palette-coral-red-700 inline);
|
|
12
|
+
--color-primary-800: --theme(--palette-coral-red-800 inline);
|
|
13
|
+
--color-primary-900: --theme(--palette-coral-red-900 inline);
|
|
14
|
+
|
|
15
|
+
/* secondary → midnight */
|
|
16
|
+
--color-secondary: --theme(--palette-midnight-700 inline);
|
|
17
|
+
--color-secondary-50: --theme(--palette-midnight-50 inline);
|
|
18
|
+
--color-secondary-100: --theme(--palette-midnight-100 inline);
|
|
19
|
+
--color-secondary-200: --theme(--palette-midnight-200 inline);
|
|
20
|
+
--color-secondary-300: --theme(--palette-midnight-300 inline);
|
|
21
|
+
--color-secondary-400: --theme(--palette-midnight-400 inline);
|
|
22
|
+
--color-secondary-500: --theme(--palette-midnight-500 inline);
|
|
23
|
+
--color-secondary-600: --theme(--palette-midnight-600 inline);
|
|
24
|
+
--color-secondary-700: --theme(--palette-midnight-700 inline);
|
|
25
|
+
--color-secondary-800: --theme(--palette-midnight-800 inline);
|
|
26
|
+
--color-secondary-900: --theme(--palette-midnight-900 inline);
|
|
27
|
+
|
|
28
|
+
/* tertiary → glitter-lake */
|
|
29
|
+
--color-tertiary: --theme(--palette-glitter-lake-700 inline);
|
|
30
|
+
--color-tertiary-50: --theme(--palette-glitter-lake-50 inline);
|
|
31
|
+
--color-tertiary-100: --theme(--palette-glitter-lake-100 inline);
|
|
32
|
+
--color-tertiary-200: --theme(--palette-glitter-lake-200 inline);
|
|
33
|
+
--color-tertiary-300: --theme(--palette-glitter-lake-300 inline);
|
|
34
|
+
--color-tertiary-400: --theme(--palette-glitter-lake-400 inline);
|
|
35
|
+
--color-tertiary-500: --theme(--palette-glitter-lake-500 inline);
|
|
36
|
+
--color-tertiary-600: --theme(--palette-glitter-lake-600 inline);
|
|
37
|
+
--color-tertiary-700: --theme(--palette-glitter-lake-700 inline);
|
|
38
|
+
--color-tertiary-800: --theme(--palette-glitter-lake-800 inline);
|
|
39
|
+
--color-tertiary-900: --theme(--palette-glitter-lake-900 inline);
|
|
40
|
+
|
|
41
|
+
/* error → amaranth */
|
|
42
|
+
--color-error: --theme(--palette-amaranth-700 inline);
|
|
43
|
+
--color-error-50: --theme(--palette-amaranth-50 inline);
|
|
44
|
+
--color-error-100: --theme(--palette-amaranth-100 inline);
|
|
45
|
+
--color-error-200: --theme(--palette-amaranth-200 inline);
|
|
46
|
+
--color-error-300: --theme(--palette-amaranth-300 inline);
|
|
47
|
+
--color-error-400: --theme(--palette-amaranth-400 inline);
|
|
48
|
+
--color-error-500: --theme(--palette-amaranth-500 inline);
|
|
49
|
+
--color-error-600: --theme(--palette-amaranth-600 inline);
|
|
50
|
+
--color-error-700: --theme(--palette-amaranth-700 inline);
|
|
51
|
+
--color-error-800: --theme(--palette-amaranth-800 inline);
|
|
52
|
+
--color-error-900: --theme(--palette-amaranth-900 inline);
|
|
53
|
+
|
|
54
|
+
/* success → middle-green */
|
|
55
|
+
--color-success: --theme(--palette-middle-green-700 inline);
|
|
56
|
+
--color-success-50: --theme(--palette-middle-green-50 inline);
|
|
57
|
+
--color-success-100: --theme(--palette-middle-green-100 inline);
|
|
58
|
+
--color-success-200: --theme(--palette-middle-green-200 inline);
|
|
59
|
+
--color-success-300: --theme(--palette-middle-green-300 inline);
|
|
60
|
+
--color-success-400: --theme(--palette-middle-green-400 inline);
|
|
61
|
+
--color-success-500: --theme(--palette-middle-green-500 inline);
|
|
62
|
+
--color-success-600: --theme(--palette-middle-green-600 inline);
|
|
63
|
+
--color-success-700: --theme(--palette-middle-green-700 inline);
|
|
64
|
+
--color-success-800: --theme(--palette-middle-green-800 inline);
|
|
65
|
+
--color-success-900: --theme(--palette-middle-green-900 inline);
|
|
66
|
+
|
|
67
|
+
/* danger → amaranth */
|
|
68
|
+
--color-danger: --theme(--palette-amaranth-700 inline);
|
|
69
|
+
--color-danger-50: --theme(--palette-amaranth-50 inline);
|
|
70
|
+
--color-danger-100: --theme(--palette-amaranth-100 inline);
|
|
71
|
+
--color-danger-200: --theme(--palette-amaranth-200 inline);
|
|
72
|
+
--color-danger-300: --theme(--palette-amaranth-300 inline);
|
|
73
|
+
--color-danger-400: --theme(--palette-amaranth-400 inline);
|
|
74
|
+
--color-danger-500: --theme(--palette-amaranth-500 inline);
|
|
75
|
+
--color-danger-600: --theme(--palette-amaranth-600 inline);
|
|
76
|
+
--color-danger-700: --theme(--palette-amaranth-700 inline);
|
|
77
|
+
--color-danger-800: --theme(--palette-amaranth-800 inline);
|
|
78
|
+
--color-danger-900: --theme(--palette-amaranth-900 inline);
|
|
79
|
+
|
|
80
|
+
/* neutral → gray */
|
|
81
|
+
--color-neutral: --theme(--palette-gray-700 inline);
|
|
82
|
+
--color-neutral-50: --theme(--palette-gray-50 inline);
|
|
83
|
+
--color-neutral-100: --theme(--palette-gray-100 inline);
|
|
84
|
+
--color-neutral-200: --theme(--palette-gray-200 inline);
|
|
85
|
+
--color-neutral-300: --theme(--palette-gray-300 inline);
|
|
86
|
+
--color-neutral-400: --theme(--palette-gray-400 inline);
|
|
87
|
+
--color-neutral-500: --theme(--palette-gray-500 inline);
|
|
88
|
+
--color-neutral-600: --theme(--palette-gray-600 inline);
|
|
89
|
+
--color-neutral-700: --theme(--palette-gray-700 inline);
|
|
90
|
+
--color-neutral-800: --theme(--palette-gray-800 inline);
|
|
91
|
+
--color-neutral-900: --theme(--palette-gray-900 inline);
|
|
92
|
+
|
|
93
|
+
/* Components use neutral, so drop Tailwind's own gray utilities. */
|
|
94
|
+
--color-gray-*: initial;
|
|
95
|
+
}
|
|
@@ -4,11 +4,14 @@ module Pulse
|
|
|
4
4
|
class ActionList
|
|
5
5
|
# Separator with optional text rendered above groups or between individual items.
|
|
6
6
|
class Divider < Pulse::Component
|
|
7
|
+
status :alpha
|
|
8
|
+
|
|
7
9
|
DEFAULT_SCHEME = :subtle
|
|
8
10
|
SCHEME_MAPPINGS = {
|
|
9
11
|
DEFAULT_SCHEME => nil,
|
|
10
|
-
:filled => 'pulse
|
|
11
|
-
'pulse
|
|
12
|
+
:filled => 'pulse:border-y pulse:border-solid ' \
|
|
13
|
+
'pulse:border-neutral-300 pulse:empty:h-2 ' \
|
|
14
|
+
'pulse:empty:box-border'
|
|
12
15
|
}.freeze
|
|
13
16
|
SCHEME_OPTIONS = SCHEME_MAPPINGS.keys.freeze
|
|
14
17
|
|
|
@@ -21,8 +24,8 @@ module Pulse
|
|
|
21
24
|
@system_arguments[:'aria-hidden'] = true
|
|
22
25
|
@scheme = fetch_or_fallback(SCHEME_OPTIONS, scheme, DEFAULT_SCHEME)
|
|
23
26
|
@system_arguments[:classes] = merge_classes(
|
|
24
|
-
'pulse
|
|
25
|
-
'pulse
|
|
27
|
+
'pulse:block pulse:h-px pulse:p-0 pulse:border-0 pulse:ms-2 ',
|
|
28
|
+
'pulse:me-2 pulse:bg-neutral-100',
|
|
26
29
|
SCHEME_MAPPINGS[@scheme]
|
|
27
30
|
)
|
|
28
31
|
end
|
|
@@ -30,6 +33,12 @@ module Pulse
|
|
|
30
33
|
def call
|
|
31
34
|
render(Pulse::BaseComponent.new(**@system_arguments)) { content }
|
|
32
35
|
end
|
|
36
|
+
|
|
37
|
+
# `ActionList#items` yields slot wrappers, so `is_a?` cannot spot a
|
|
38
|
+
# divider. The slot forwards `respond_to?` to this component instead.
|
|
39
|
+
def divider?
|
|
40
|
+
true
|
|
41
|
+
end
|
|
33
42
|
end
|
|
34
43
|
end
|
|
35
44
|
end
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/! components/pulse/action_list/heading
|
|
2
|
+
= render(Pulse::BaseComponent.new(tag: :div, **@system_arguments)) do
|
|
3
|
+
= render(Pulse::BaseComponent.new(tag: @tag, id: @title_id, classes: 'pulse:block pulse:px-2 pulse:py-1 pulse:text-xs pulse:font-semibold pulse:text-neutral-900 ActionList-sectionDivider-title')) do
|
|
4
|
+
= @title
|
|
5
|
+
- if subtitle?
|
|
6
|
+
= render(Pulse::BaseComponent.new(tag: :span, id: @subtitle_id, classes: 'pulse:block pulse:px-2 pulse:text-xs ActionList-item-description')) do
|
|
7
|
+
= @subtitle
|
|
@@ -3,21 +3,21 @@
|
|
|
3
3
|
= render(@form_wrapper) do
|
|
4
4
|
= render(Pulse::BaseComponent.new(**@content_arguments)) do
|
|
5
5
|
- if private_leading_action_icon
|
|
6
|
-
span class="pulse
|
|
6
|
+
span class="pulse:fill-neutral-900"
|
|
7
7
|
= private_leading_action_icon
|
|
8
8
|
|
|
9
9
|
- if list.select_variant == :single || list.select_variant == :multiple
|
|
10
|
-
span class="pulse
|
|
10
|
+
span class="pulse:fill-neutral-900"
|
|
11
11
|
= render(Pulse::Icon.new(icon: :check, width: 16, height: 16, classes: "ActionListItem-singleSelectCheckmark"))
|
|
12
12
|
|
|
13
13
|
- elsif list.select_variant == :multiple_checkbox
|
|
14
|
-
span class="pulse
|
|
14
|
+
span class="pulse:fill-neutral-900"
|
|
15
15
|
svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="ActionListItem-multiSelectIcon"
|
|
16
16
|
rect x="2" y="2" width="12" height="12" rx="4" class="ActionListItem-multiSelectIconRect"
|
|
17
17
|
path fill-rule="evenodd" d="M4.03231 8.69862C3.84775 8.20646 4.49385 7.77554 4.95539 7.77554C5.41693 7.77554 6.80154 9.85246 6.80154 9.85246C6.80154 9.85246 10.2631 4.314 10.4938 4.08323C10.7246 3.85246 11.8785 4.08323 11.4169 5.00631C11.0081 5.82388 7.26308 11.4678 7.26308 11.4678C7.26308 11.4678 6.80154 12.1602 6.34 11.4678C5.87846 10.7755 4.21687 9.19077 4.03231 8.69862Z" class="ActionListItem-multiSelectCheckmark"
|
|
18
18
|
|
|
19
19
|
- if leading_visual
|
|
20
|
-
span class="pulse
|
|
20
|
+
span class="pulse:fill-neutral-900"
|
|
21
21
|
= leading_visual
|
|
22
22
|
|
|
23
23
|
= render(Pulse::ConditionalWrapper.new(condition: description?, tag: :span, **@description_wrapper_arguments)) do
|
|
@@ -29,11 +29,11 @@
|
|
|
29
29
|
= description
|
|
30
30
|
|
|
31
31
|
- if trailing_visual
|
|
32
|
-
span class="pulse
|
|
32
|
+
span class="pulse:fill-neutral-100 ActionListItem-visual--trailing"
|
|
33
33
|
= trailing_visual
|
|
34
34
|
|
|
35
35
|
- if private_trailing_action_icon
|
|
36
|
-
span class="pulse
|
|
36
|
+
span class="pulse:fill-neutral-100 ActionListItem-action--trailing"
|
|
37
37
|
= private_trailing_action_icon
|
|
38
38
|
|
|
39
39
|
= tooltip
|
|
@@ -5,6 +5,8 @@ module Pulse
|
|
|
5
5
|
# An individual `ActionList` item. Items can optionally include leading and/or trailing visuals,
|
|
6
6
|
# such as icons, avatars, and counters.
|
|
7
7
|
class Item < Pulse::Component
|
|
8
|
+
status :alpha
|
|
9
|
+
|
|
8
10
|
DEFAULT_SIZE = :medium
|
|
9
11
|
SIZE_MAPPINGS = {
|
|
10
12
|
DEFAULT_SIZE => nil
|
|
@@ -208,7 +210,7 @@ module Pulse
|
|
|
208
210
|
@system_arguments[:classes] = merge_classes(
|
|
209
211
|
@system_arguments[:classes],
|
|
210
212
|
SCHEME_MAPPINGS[@scheme],
|
|
211
|
-
'pulse
|
|
213
|
+
'pulse:relative pulse:rounded',
|
|
212
214
|
'ActionListItem--disabled' => @disabled
|
|
213
215
|
)
|
|
214
216
|
|
|
@@ -221,7 +223,7 @@ module Pulse
|
|
|
221
223
|
classes: merge_classes(
|
|
222
224
|
label_classes,
|
|
223
225
|
label_arguments[:classes],
|
|
224
|
-
'pulse
|
|
226
|
+
'pulse:font-semibold',
|
|
225
227
|
'ActionListItem-label--truncate' => @truncate_label
|
|
226
228
|
)
|
|
227
229
|
}
|
|
@@ -229,12 +231,12 @@ module Pulse
|
|
|
229
231
|
@content_arguments[:id] = @id
|
|
230
232
|
@content_arguments[:classes] = merge_classes(
|
|
231
233
|
@content_arguments[:classes],
|
|
232
|
-
'pulse
|
|
233
|
-
'pulse
|
|
234
|
-
'pulse
|
|
235
|
-
'pulse
|
|
236
|
-
'pulse
|
|
237
|
-
'pulse
|
|
234
|
+
'pulse:relative pulse:grid pulse:w-full pulse:text-start',
|
|
235
|
+
'pulse:select-none pulse:bg-transparent pulse:rounded',
|
|
236
|
+
'pulse:grid-rows-[min-content]',
|
|
237
|
+
'pulse:grid-cols-[min-content_min-content_minmax(0,auto)_min-content_min-content]', # rubocop:disable Layout/LineLength
|
|
238
|
+
'pulse:border-none pulse:hover:no-underline pulse:py-2',
|
|
239
|
+
'pulse:items-start pulse:gap-2 pulse:items-center',
|
|
238
240
|
SIZE_MAPPINGS[@size]
|
|
239
241
|
)
|
|
240
242
|
|
|
@@ -305,7 +307,7 @@ module Pulse
|
|
|
305
307
|
|
|
306
308
|
@content_arguments[:classes] = merge_classes(
|
|
307
309
|
@content_arguments[:classes],
|
|
308
|
-
'pulse
|
|
310
|
+
'pulse:pl-2' => leading_visual,
|
|
309
311
|
'ActionListContent--blockDescription' =>
|
|
310
312
|
description && @description_scheme == :block
|
|
311
313
|
)
|