@pantograph/styles 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/accordion.css +1 -0
- package/dist/accordion.d.ts +4 -0
- package/dist/accordion.js +4 -0
- package/dist/accordion.umd.cjs +7 -0
- package/dist/alert.css +1 -0
- package/dist/alert.d.ts +4 -0
- package/dist/alert.js +4 -0
- package/dist/alert.umd.cjs +7 -0
- package/dist/alert_dialog.css +1 -0
- package/dist/alert_dialog.d.ts +4 -0
- package/dist/alert_dialog.js +4 -0
- package/dist/alert_dialog.umd.cjs +7 -0
- package/dist/avatar.css +1 -0
- package/dist/avatar.d.ts +4 -0
- package/dist/avatar.js +4 -0
- package/dist/avatar.umd.cjs +7 -0
- package/dist/badge.css +1 -0
- package/dist/badge.d.ts +4 -0
- package/dist/badge.js +4 -0
- package/dist/badge.umd.cjs +7 -0
- package/dist/blanket.css +1 -0
- package/dist/blanket.d.ts +4 -0
- package/dist/blanket.js +4 -0
- package/dist/blanket.umd.cjs +7 -0
- package/dist/breadcrumb.css +1 -0
- package/dist/breadcrumb.d.ts +4 -0
- package/dist/breadcrumb.js +4 -0
- package/dist/breadcrumb.umd.cjs +7 -0
- package/dist/button.css +1 -0
- package/dist/button.d.ts +4 -0
- package/dist/button.js +4 -0
- package/dist/button.umd.cjs +7 -0
- package/dist/card.css +1 -0
- package/dist/card.d.ts +4 -0
- package/dist/card.js +4 -0
- package/dist/card.umd.cjs +7 -0
- package/dist/checkbox.css +1 -0
- package/dist/checkbox.d.ts +4 -0
- package/dist/checkbox.js +4 -0
- package/dist/checkbox.umd.cjs +7 -0
- package/dist/chip.css +1 -0
- package/dist/chip.d.ts +4 -0
- package/dist/chip.js +4 -0
- package/dist/chip.umd.cjs +7 -0
- package/dist/chip_group.css +1 -0
- package/dist/chip_group.d.ts +4 -0
- package/dist/chip_group.js +4 -0
- package/dist/chip_group.umd.cjs +7 -0
- package/dist/color_picker.css +1 -0
- package/dist/color_picker.d.ts +4 -0
- package/dist/color_picker.js +4 -0
- package/dist/color_picker.umd.cjs +7 -0
- package/dist/color_swatch.css +1 -0
- package/dist/color_swatch.d.ts +4 -0
- package/dist/color_swatch.js +4 -0
- package/dist/color_swatch.umd.cjs +7 -0
- package/dist/color_swatch_group.css +1 -0
- package/dist/color_swatch_group.d.ts +4 -0
- package/dist/color_swatch_group.js +4 -0
- package/dist/color_swatch_group.umd.cjs +7 -0
- package/dist/color_trigger.css +1 -0
- package/dist/color_trigger.d.ts +4 -0
- package/dist/color_trigger.js +4 -0
- package/dist/color_trigger.umd.cjs +7 -0
- package/dist/combobox.css +1 -0
- package/dist/combobox.d.ts +4 -0
- package/dist/combobox.js +4 -0
- package/dist/combobox.umd.cjs +7 -0
- package/dist/comment.css +1 -0
- package/dist/comment.d.ts +4 -0
- package/dist/comment.js +4 -0
- package/dist/comment.umd.cjs +7 -0
- package/dist/data_table.css +1 -0
- package/dist/data_table.d.ts +4 -0
- package/dist/data_table.js +4 -0
- package/dist/data_table.umd.cjs +7 -0
- package/dist/dialog.css +1 -0
- package/dist/dialog.d.ts +4 -0
- package/dist/dialog.js +4 -0
- package/dist/dialog.umd.cjs +7 -0
- package/dist/divider.css +1 -0
- package/dist/divider.d.ts +4 -0
- package/dist/divider.js +4 -0
- package/dist/divider.umd.cjs +7 -0
- package/dist/drop_zone.css +1 -0
- package/dist/drop_zone.d.ts +4 -0
- package/dist/drop_zone.js +4 -0
- package/dist/drop_zone.umd.cjs +7 -0
- package/dist/empty.css +1 -0
- package/dist/empty.d.ts +4 -0
- package/dist/empty.js +4 -0
- package/dist/empty.umd.cjs +7 -0
- package/dist/form.css +1 -0
- package/dist/form.d.ts +4 -0
- package/dist/form.js +4 -0
- package/dist/form.umd.cjs +7 -0
- package/dist/form_validation.css +1 -0
- package/dist/form_validation.d.ts +4 -0
- package/dist/form_validation.js +4 -0
- package/dist/form_validation.umd.cjs +7 -0
- package/dist/go_group.css +1 -0
- package/dist/go_group.d.ts +4 -0
- package/dist/go_group.js +4 -0
- package/dist/go_group.umd.cjs +7 -0
- package/dist/go_picker.css +1 -0
- package/dist/go_picker.d.ts +4 -0
- package/dist/go_picker.js +4 -0
- package/dist/go_picker.umd.cjs +7 -0
- package/dist/hover_card.css +1 -0
- package/dist/hover_card.d.ts +4 -0
- package/dist/hover_card.js +4 -0
- package/dist/hover_card.umd.cjs +7 -0
- package/dist/icon.css +1 -0
- package/dist/icon.d.ts +4 -0
- package/dist/icon.js +4 -0
- package/dist/icon.umd.cjs +7 -0
- package/dist/image.css +1 -0
- package/dist/image.d.ts +4 -0
- package/dist/image.js +4 -0
- package/dist/image.umd.cjs +7 -0
- package/dist/indent_level.css +1 -0
- package/dist/indent_level.d.ts +4 -0
- package/dist/indent_level.js +4 -0
- package/dist/indent_level.umd.cjs +7 -0
- package/dist/index.css +1 -0
- package/dist/index.d.ts +66 -0
- package/dist/index.js +66 -0
- package/dist/index.umd.cjs +193 -0
- package/dist/input.css +1 -0
- package/dist/input.d.ts +4 -0
- package/dist/input.js +4 -0
- package/dist/input.umd.cjs +7 -0
- package/dist/kbd.css +1 -0
- package/dist/kbd.d.ts +4 -0
- package/dist/kbd.js +4 -0
- package/dist/kbd.umd.cjs +7 -0
- package/dist/label.css +1 -0
- package/dist/label.d.ts +4 -0
- package/dist/label.js +4 -0
- package/dist/label.umd.cjs +7 -0
- package/dist/link.css +1 -0
- package/dist/link.d.ts +4 -0
- package/dist/link.js +4 -0
- package/dist/link.umd.cjs +7 -0
- package/dist/menu.css +1 -0
- package/dist/menu.d.ts +4 -0
- package/dist/menu.js +4 -0
- package/dist/menu.umd.cjs +7 -0
- package/dist/menu_item.css +1 -0
- package/dist/menu_item.d.ts +4 -0
- package/dist/menu_item.js +4 -0
- package/dist/menu_item.umd.cjs +7 -0
- package/dist/page_indicator.css +1 -0
- package/dist/page_indicator.d.ts +4 -0
- package/dist/page_indicator.js +4 -0
- package/dist/page_indicator.umd.cjs +7 -0
- package/dist/pagination.css +1 -0
- package/dist/pagination.d.ts +4 -0
- package/dist/pagination.js +4 -0
- package/dist/pagination.umd.cjs +7 -0
- package/dist/popover.css +1 -0
- package/dist/popover.d.ts +4 -0
- package/dist/popover.js +4 -0
- package/dist/popover.umd.cjs +7 -0
- package/dist/progress.css +1 -0
- package/dist/progress.d.ts +4 -0
- package/dist/progress.js +4 -0
- package/dist/progress.umd.cjs +7 -0
- package/dist/radio.css +1 -0
- package/dist/radio.d.ts +4 -0
- package/dist/radio.js +4 -0
- package/dist/radio.umd.cjs +7 -0
- package/dist/scroll_container.css +1 -0
- package/dist/scroll_container.d.ts +4 -0
- package/dist/scroll_container.js +4 -0
- package/dist/scroll_container.umd.cjs +7 -0
- package/dist/segmented.css +1 -0
- package/dist/segmented.d.ts +4 -0
- package/dist/segmented.js +4 -0
- package/dist/segmented.umd.cjs +7 -0
- package/dist/select.css +1 -0
- package/dist/select.d.ts +4 -0
- package/dist/select.js +4 -0
- package/dist/select.umd.cjs +7 -0
- package/dist/shortcut.css +1 -0
- package/dist/shortcut.d.ts +4 -0
- package/dist/shortcut.js +4 -0
- package/dist/shortcut.umd.cjs +7 -0
- package/dist/skeleton.css +1 -0
- package/dist/skeleton.d.ts +4 -0
- package/dist/skeleton.js +4 -0
- package/dist/skeleton.umd.cjs +7 -0
- package/dist/sortPlaceholder.css +1 -0
- package/dist/sortPlaceholder.d.ts +4 -0
- package/dist/sortPlaceholder.js +4 -0
- package/dist/sortPlaceholder.umd.cjs +7 -0
- package/dist/spinner.css +1 -0
- package/dist/spinner.d.ts +4 -0
- package/dist/spinner.js +4 -0
- package/dist/spinner.umd.cjs +7 -0
- package/dist/steps.css +1 -0
- package/dist/steps.d.ts +4 -0
- package/dist/steps.js +4 -0
- package/dist/steps.umd.cjs +7 -0
- package/dist/switch.css +1 -0
- package/dist/switch.d.ts +4 -0
- package/dist/switch.js +4 -0
- package/dist/switch.umd.cjs +7 -0
- package/dist/table.css +1 -0
- package/dist/table.d.ts +4 -0
- package/dist/table.js +4 -0
- package/dist/table.umd.cjs +7 -0
- package/dist/tabs.css +1 -0
- package/dist/tabs.d.ts +4 -0
- package/dist/tabs.js +4 -0
- package/dist/tabs.umd.cjs +7 -0
- package/dist/tbody.css +1 -0
- package/dist/tbody.d.ts +4 -0
- package/dist/tbody.js +4 -0
- package/dist/tbody.umd.cjs +7 -0
- package/dist/tcell.css +1 -0
- package/dist/tcell.d.ts +4 -0
- package/dist/tcell.js +4 -0
- package/dist/tcell.umd.cjs +7 -0
- package/dist/textarea.css +1 -0
- package/dist/textarea.d.ts +4 -0
- package/dist/textarea.js +4 -0
- package/dist/textarea.umd.cjs +7 -0
- package/dist/tfoot.css +1 -0
- package/dist/tfoot.d.ts +4 -0
- package/dist/tfoot.js +4 -0
- package/dist/tfoot.umd.cjs +7 -0
- package/dist/thead.css +1 -0
- package/dist/thead.d.ts +4 -0
- package/dist/thead.js +4 -0
- package/dist/thead.umd.cjs +7 -0
- package/dist/toast.css +1 -0
- package/dist/toast.d.ts +4 -0
- package/dist/toast.js +4 -0
- package/dist/toast.umd.cjs +7 -0
- package/dist/tr.css +1 -0
- package/dist/tr.d.ts +4 -0
- package/dist/tr.js +4 -0
- package/dist/tr.umd.cjs +7 -0
- package/dist/tree.css +1 -0
- package/dist/tree.d.ts +4 -0
- package/dist/tree.js +4 -0
- package/dist/tree.umd.cjs +7 -0
- package/dist/upload.css +1 -0
- package/dist/upload.d.ts +4 -0
- package/dist/upload.js +4 -0
- package/dist/upload.umd.cjs +7 -0
- package/package.json +39 -0
package/dist/input.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pc_input{box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--pt-dimension-200, 4px);overflow:hidden;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:0;color:var(--ptc-input-fg);background:var(--ptc-input-bg)}.pc_input .pc_input__number_steps{grid-template-rows:repeat(2,minmax(0,1fr));display:none;height:100%}.pc_input .pc_input__number_steps .pc_input__number_steps__down,.pc_input .pc_input__number_steps .pc_input__number_steps__up{display:flex;justify-content:center;border-width:var(--pt-stroke-0, 0px);outline:0}.pc_input .pc_input__number_steps .pc_input__number_steps__down:not([data-disabled=true]),.pc_input .pc_input__number_steps .pc_input__number_steps__up:not([data-disabled=true]){cursor:pointer;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));width:var(--ptc-input-step-w);min-width:var(--ptc-input-step-w);max-width:var(--ptc-input-step-w)}.pc_input .pc_input__number_steps .pc_input__number_steps__down:not([data-disabled=true]):hover,.pc_input .pc_input__number_steps .pc_input__number_steps__up:not([data-disabled=true]):hover{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg-target),var(--ptu-text-opacity))}.pc_input .pc_input__number_steps .pc_input__number_steps__down[data-disabled=true],.pc_input .pc_input__number_steps .pc_input__number_steps__up[data-disabled=true]{cursor:not-allowed;--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_input .pc_input__number_steps .pc_input__number_steps__down{align-items:flex-start}.pc_input .pc_input__number_steps .pc_input__number_steps__up{align-items:flex-end}.pc_input.pc_input--sm{--ptc-input-h: var(--pt-dimension-1200);--ptc-input-roundness: var(--pt-roundness-sm);--ptc-input-px: var(--pt-dimension-200);--ptc-input-step-w: var(--pt-dimension-1000)}.pc_input.pc_input--sm .pc_input__input{height:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_input.pc_input--sm .pc_input__leading,.pc_input.pc_input--sm .pc_input__trailing{height:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-500, 10px);line-height:var(--pt-lineheight-8, 12px);letter-spacing:0}.pc_input.pc_input--md{--ptc-input-h: var(--pt-dimension-1600);--ptc-input-roundness: var(--pt-roundness-md);--ptc-input-px: var(--pt-dimension-300);--ptc-input-step-w: var(--pt-dimension-1200)}.pc_input.pc_input--md .pc_input__input{height:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_input.pc_input--md .pc_input__leading,.pc_input.pc_input--md .pc_input__trailing{height:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_input.pc_input--lg{--ptc-input-h: var(--pt-dimension-2000);--ptc-input-px: var(--pt-dimension-400);--ptc-input-roundness: var(--pt-roundness-lg);--ptc-input-step-w: var(--pt-dimension-1600)}.pc_input.pc_input--lg .pc_input__input{height:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_input.pc_input--lg .pc_input__leading,.pc_input.pc_input--lg .pc_input__trailing{height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_input:not(.pc_input--simple){border-radius:var(--ptc-input-roundness);height:var(--ptc-input-h);min-height:var(--ptc-input-h);max-height:var(--ptc-input-h);padding-inline-start:var(--ptc-input-px)}.pc_input:not(.pc_input--simple):not(.pc_input--steps),.pc_input:not(.pc_input--simple).pc_input--steps:not(:hover){padding-inline-end:var(--ptc-input-px)}.pc_input:not(.pc_input--content-fit){width:100%}.pc_input.pc_input--content-fit .pc_input__input{field-sizing:content}.pc_input .pc_input__input{outline:0}.pc_input:not(:disabled):not([data-disabled=true]){--ptc-input-bg: rgba(var(--pt-bg));--ptc-input-trailing: rgba(var(--pt-fg-subtle))}.pc_input:not(:disabled):not([data-disabled=true]):not(:hover){--ptc-input-fg: rgba(var(--pt-fg));--ptc-input-placeholder: rgba(var(--pt-fg-subtle))}.pc_input:not(:disabled):not([data-disabled=true]):hover{--ptc-input-fg: rgba(var(--pt-fg-target));--ptc-input-placeholder: rgba(var(--pt-fg-subtle-target))}.pc_input:not(:disabled):not([data-disabled=true]):focus,.pc_input:not(:disabled):not([data-disabled=true])[data-focus=true],.pc_input:not(:disabled):not([data-disabled=true]):focus-visible{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_input:disabled,.pc_input[data-disabled=true]{cursor:not-allowed;--ptc-input-bg: rgba(var(--pt-gray-05));--ptc-input-fg: rgba(var(--pt-disable-fg));--ptc-input-trailing: rgba(var(--pt-disable-fg));--ptc-input-placeholder: rgba(var(--pt-disable-fg))}.pc_input:not(:disabled):not([data-disabled=true]):hover .pc_input__number_steps{display:grid}.pc_input:not(:disabled):not([data-disabled=true]):focus.pc_input--simple,.pc_input:not(:disabled):not([data-disabled=true])[data-focus=true].pc_input--simple,.pc_input:not(:disabled):not([data-disabled=true]):focus-visible.pc_input--simple{box-shadow:none}.pc_input.pc_input--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-input-br)}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]):not(.pc_input--error):not(.pc_input--success):not(.pc_input--warning):not(:focus):not([data-focus=true]):not(:hover){--ptc-input-br: rgba(var(--pt-br))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]):not(.pc_input--error):not(.pc_input--success):not(.pc_input--warning):not(:focus):not([data-focus=true]):hover{--ptc-input-br: rgba(var(--pt-primary-6))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--error:not(:focus):not([data-focus=true]):not(:hover){--ptc-input-br: rgba(var(--pt-danger-br))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--error:not(:focus):not([data-focus=true]):hover{--ptc-input-br: rgba(var(--pt-danger-br-target))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--warning:not(:focus):not([data-focus=true]):not(:hover){--ptc-input-br: rgba(var(--pt-warning-br))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--warning:not(:focus):not([data-focus=true]):hover{--ptc-input-br: rgba(var(--pt-warning-br-target))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--success:not(:focus):not([data-focus=true]):not(:hover){--ptc-input-br: rgba(var(--pt-success-br))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--success:not(:focus):not([data-focus=true]):hover{--ptc-input-br: rgba(var(--pt-success-br-target))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]):focus,.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true])[data-focus=true],.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]):focus-visible{--ptc-input-br: rgba(var(--pt-primary-6))}.pc_input.pc_input--bordered:disabled,.pc_input.pc_input--bordered[data-disabled=true]{--ptc-input-br: rgba(var(--pt-gray-1))}.pc_input:not(.pc_input--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_input .pc_input__input{box-sizing:border-box;min-width:64px;flex-shrink:1;flex-grow:1;overflow:hidden;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:0;color:var(--ptc-input-fg);color:var(--ptc-input-fg)!important;-webkit-text-fill-color:var(--ptc-input-fg)!important;caret-color:var(--ptc-input-fg)!important;background-color:var(--ptc-input-bg)!important;-webkit-box-shadow:0 0 0px 1000px var(--ptc-input-bg) inset!important;box-shadow:0 0 0 1000px var(--ptc-input-bg) inset!important;transition:background-color 5000s ease-in-out 0s!important}.pc_input .pc_input__input::placeholder{color:var(--ptc-input-placeholder)}.pc_input .pc_input__input:-webkit-autofill,.pc_input .pc_input__input:-webkit-autofill:hover,.pc_input .pc_input__input:-webkit-autofill:focus,.pc_input .pc_input__input:-webkit-autofill:active,.pc_input .pc_input__input:autofill,.pc_input .pc_input__input:autofill:hover,.pc_input .pc_input__input:autofill:focus{color:var(--ptc-input-fg)!important;-webkit-text-fill-color:var(--ptc-input-fg)!important;caret-color:var(--ptc-input-fg)!important;background-color:var(--ptc-input-bg)!important;-webkit-box-shadow:0 0 0px 1000px var(--ptc-input-bg) inset!important;box-shadow:0 0 0 1000px var(--ptc-input-bg) inset!important;transition:background-color 5000s ease-in-out 0s!important}.pc_input .pc_input__input_value{pointer-events:none;visibility:hidden;position:absolute;inset:var(--pt-dimension-0, 0px);display:inline;width:fit-content;opacity:0}.pc_input .pc_input__leading,.pc_input .pc_input__trailing{height:100%;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_input .pc_input__leading{color:var(--ptc-input-fg)}.pc_input .pc_input__trailing{gap:var(--pt-dimension-200, 4px);color:var(--ptc-input-trailing)}.pc_input .pc_input__trailing .pc_input__clear_icon{cursor:pointer}.pc_input .pc_input__divider{height:var(--pt-dimension-700, 14px);min-height:unset}
|
package/dist/input.d.ts
ADDED
package/dist/input.js
ADDED
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { addCssToHead, prefix } from "@pantograph/tokens";
|
|
2
|
+
const cssText = ".pc_input{box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--pt-dimension-200, 4px);overflow:hidden;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:0;color:var(--ptc-input-fg);background:var(--ptc-input-bg)}.pc_input .pc_input__number_steps{grid-template-rows:repeat(2,minmax(0,1fr));display:none;height:100%}.pc_input .pc_input__number_steps .pc_input__number_steps__down,.pc_input .pc_input__number_steps .pc_input__number_steps__up{display:flex;justify-content:center;border-width:var(--pt-stroke-0, 0px);outline:0}.pc_input .pc_input__number_steps .pc_input__number_steps__down:not([data-disabled=true]),.pc_input .pc_input__number_steps .pc_input__number_steps__up:not([data-disabled=true]){cursor:pointer;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));width:var(--ptc-input-step-w);min-width:var(--ptc-input-step-w);max-width:var(--ptc-input-step-w)}.pc_input .pc_input__number_steps .pc_input__number_steps__down:not([data-disabled=true]):hover,.pc_input .pc_input__number_steps .pc_input__number_steps__up:not([data-disabled=true]):hover{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg-target),var(--ptu-text-opacity))}.pc_input .pc_input__number_steps .pc_input__number_steps__down[data-disabled=true],.pc_input .pc_input__number_steps .pc_input__number_steps__up[data-disabled=true]{cursor:not-allowed;--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_input .pc_input__number_steps .pc_input__number_steps__down{align-items:flex-start}.pc_input .pc_input__number_steps .pc_input__number_steps__up{align-items:flex-end}.pc_input.pc_input--sm{--ptc-input-h: var(--pt-dimension-1200);--ptc-input-roundness: var(--pt-roundness-sm);--ptc-input-px: var(--pt-dimension-200);--ptc-input-step-w: var(--pt-dimension-1000)}.pc_input.pc_input--sm .pc_input__input{height:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_input.pc_input--sm .pc_input__leading,.pc_input.pc_input--sm .pc_input__trailing{height:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-500, 10px);line-height:var(--pt-lineheight-8, 12px);letter-spacing:0}.pc_input.pc_input--md{--ptc-input-h: var(--pt-dimension-1600);--ptc-input-roundness: var(--pt-roundness-md);--ptc-input-px: var(--pt-dimension-300);--ptc-input-step-w: var(--pt-dimension-1200)}.pc_input.pc_input--md .pc_input__input{height:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_input.pc_input--md .pc_input__leading,.pc_input.pc_input--md .pc_input__trailing{height:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_input.pc_input--lg{--ptc-input-h: var(--pt-dimension-2000);--ptc-input-px: var(--pt-dimension-400);--ptc-input-roundness: var(--pt-roundness-lg);--ptc-input-step-w: var(--pt-dimension-1600)}.pc_input.pc_input--lg .pc_input__input{height:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_input.pc_input--lg .pc_input__leading,.pc_input.pc_input--lg .pc_input__trailing{height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_input:not(.pc_input--simple){border-radius:var(--ptc-input-roundness);height:var(--ptc-input-h);min-height:var(--ptc-input-h);max-height:var(--ptc-input-h);padding-inline-start:var(--ptc-input-px)}.pc_input:not(.pc_input--simple):not(.pc_input--steps),.pc_input:not(.pc_input--simple).pc_input--steps:not(:hover){padding-inline-end:var(--ptc-input-px)}.pc_input:not(.pc_input--content-fit){width:100%}.pc_input.pc_input--content-fit .pc_input__input{field-sizing:content}.pc_input .pc_input__input{outline:0}.pc_input:not(:disabled):not([data-disabled=true]){--ptc-input-bg: rgba(var(--pt-bg));--ptc-input-trailing: rgba(var(--pt-fg-subtle))}.pc_input:not(:disabled):not([data-disabled=true]):not(:hover){--ptc-input-fg: rgba(var(--pt-fg));--ptc-input-placeholder: rgba(var(--pt-fg-subtle))}.pc_input:not(:disabled):not([data-disabled=true]):hover{--ptc-input-fg: rgba(var(--pt-fg-target));--ptc-input-placeholder: rgba(var(--pt-fg-subtle-target))}.pc_input:not(:disabled):not([data-disabled=true]):focus,.pc_input:not(:disabled):not([data-disabled=true])[data-focus=true],.pc_input:not(:disabled):not([data-disabled=true]):focus-visible{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_input:disabled,.pc_input[data-disabled=true]{cursor:not-allowed;--ptc-input-bg: rgba(var(--pt-gray-05));--ptc-input-fg: rgba(var(--pt-disable-fg));--ptc-input-trailing: rgba(var(--pt-disable-fg));--ptc-input-placeholder: rgba(var(--pt-disable-fg))}.pc_input:not(:disabled):not([data-disabled=true]):hover .pc_input__number_steps{display:grid}.pc_input:not(:disabled):not([data-disabled=true]):focus.pc_input--simple,.pc_input:not(:disabled):not([data-disabled=true])[data-focus=true].pc_input--simple,.pc_input:not(:disabled):not([data-disabled=true]):focus-visible.pc_input--simple{box-shadow:none}.pc_input.pc_input--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-input-br)}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]):not(.pc_input--error):not(.pc_input--success):not(.pc_input--warning):not(:focus):not([data-focus=true]):not(:hover){--ptc-input-br: rgba(var(--pt-br))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]):not(.pc_input--error):not(.pc_input--success):not(.pc_input--warning):not(:focus):not([data-focus=true]):hover{--ptc-input-br: rgba(var(--pt-primary-6))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--error:not(:focus):not([data-focus=true]):not(:hover){--ptc-input-br: rgba(var(--pt-danger-br))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--error:not(:focus):not([data-focus=true]):hover{--ptc-input-br: rgba(var(--pt-danger-br-target))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--warning:not(:focus):not([data-focus=true]):not(:hover){--ptc-input-br: rgba(var(--pt-warning-br))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--warning:not(:focus):not([data-focus=true]):hover{--ptc-input-br: rgba(var(--pt-warning-br-target))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--success:not(:focus):not([data-focus=true]):not(:hover){--ptc-input-br: rgba(var(--pt-success-br))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--success:not(:focus):not([data-focus=true]):hover{--ptc-input-br: rgba(var(--pt-success-br-target))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]):focus,.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true])[data-focus=true],.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]):focus-visible{--ptc-input-br: rgba(var(--pt-primary-6))}.pc_input.pc_input--bordered:disabled,.pc_input.pc_input--bordered[data-disabled=true]{--ptc-input-br: rgba(var(--pt-gray-1))}.pc_input:not(.pc_input--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_input .pc_input__input{box-sizing:border-box;min-width:64px;flex-shrink:1;flex-grow:1;overflow:hidden;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:0;color:var(--ptc-input-fg);color:var(--ptc-input-fg)!important;-webkit-text-fill-color:var(--ptc-input-fg)!important;caret-color:var(--ptc-input-fg)!important;background-color:var(--ptc-input-bg)!important;-webkit-box-shadow:0 0 0px 1000px var(--ptc-input-bg) inset!important;box-shadow:0 0 0 1000px var(--ptc-input-bg) inset!important;transition:background-color 5000s ease-in-out 0s!important}.pc_input .pc_input__input::placeholder{color:var(--ptc-input-placeholder)}.pc_input .pc_input__input:-webkit-autofill,.pc_input .pc_input__input:-webkit-autofill:hover,.pc_input .pc_input__input:-webkit-autofill:focus,.pc_input .pc_input__input:-webkit-autofill:active,.pc_input .pc_input__input:autofill,.pc_input .pc_input__input:autofill:hover,.pc_input .pc_input__input:autofill:focus{color:var(--ptc-input-fg)!important;-webkit-text-fill-color:var(--ptc-input-fg)!important;caret-color:var(--ptc-input-fg)!important;background-color:var(--ptc-input-bg)!important;-webkit-box-shadow:0 0 0px 1000px var(--ptc-input-bg) inset!important;box-shadow:0 0 0 1000px var(--ptc-input-bg) inset!important;transition:background-color 5000s ease-in-out 0s!important}.pc_input .pc_input__input_value{pointer-events:none;visibility:hidden;position:absolute;inset:var(--pt-dimension-0, 0px);display:inline;width:fit-content;opacity:0}.pc_input .pc_input__leading,.pc_input .pc_input__trailing{height:100%;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_input .pc_input__leading{color:var(--ptc-input-fg)}.pc_input .pc_input__trailing{gap:var(--pt-dimension-200, 4px);color:var(--ptc-input-trailing)}.pc_input .pc_input__trailing .pc_input__clear_icon{cursor:pointer}.pc_input .pc_input__divider{height:var(--pt-dimension-700, 14px);min-height:unset}\n";
|
|
3
|
+
export const addInputCss = () => addCssToHead(`${prefix}s-input`, cssText);
|
|
4
|
+
export const inputCss = cssText;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const { addCssToHead, prefix } = require("@pantograph/tokens");
|
|
4
|
+
const cssText = ".pc_input{box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--pt-dimension-200, 4px);overflow:hidden;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:0;color:var(--ptc-input-fg);background:var(--ptc-input-bg)}.pc_input .pc_input__number_steps{grid-template-rows:repeat(2,minmax(0,1fr));display:none;height:100%}.pc_input .pc_input__number_steps .pc_input__number_steps__down,.pc_input .pc_input__number_steps .pc_input__number_steps__up{display:flex;justify-content:center;border-width:var(--pt-stroke-0, 0px);outline:0}.pc_input .pc_input__number_steps .pc_input__number_steps__down:not([data-disabled=true]),.pc_input .pc_input__number_steps .pc_input__number_steps__up:not([data-disabled=true]){cursor:pointer;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));width:var(--ptc-input-step-w);min-width:var(--ptc-input-step-w);max-width:var(--ptc-input-step-w)}.pc_input .pc_input__number_steps .pc_input__number_steps__down:not([data-disabled=true]):hover,.pc_input .pc_input__number_steps .pc_input__number_steps__up:not([data-disabled=true]):hover{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg-target),var(--ptu-text-opacity))}.pc_input .pc_input__number_steps .pc_input__number_steps__down[data-disabled=true],.pc_input .pc_input__number_steps .pc_input__number_steps__up[data-disabled=true]{cursor:not-allowed;--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_input .pc_input__number_steps .pc_input__number_steps__down{align-items:flex-start}.pc_input .pc_input__number_steps .pc_input__number_steps__up{align-items:flex-end}.pc_input.pc_input--sm{--ptc-input-h: var(--pt-dimension-1200);--ptc-input-roundness: var(--pt-roundness-sm);--ptc-input-px: var(--pt-dimension-200);--ptc-input-step-w: var(--pt-dimension-1000)}.pc_input.pc_input--sm .pc_input__input{height:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_input.pc_input--sm .pc_input__leading,.pc_input.pc_input--sm .pc_input__trailing{height:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-500, 10px);line-height:var(--pt-lineheight-8, 12px);letter-spacing:0}.pc_input.pc_input--md{--ptc-input-h: var(--pt-dimension-1600);--ptc-input-roundness: var(--pt-roundness-md);--ptc-input-px: var(--pt-dimension-300);--ptc-input-step-w: var(--pt-dimension-1200)}.pc_input.pc_input--md .pc_input__input{height:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_input.pc_input--md .pc_input__leading,.pc_input.pc_input--md .pc_input__trailing{height:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_input.pc_input--lg{--ptc-input-h: var(--pt-dimension-2000);--ptc-input-px: var(--pt-dimension-400);--ptc-input-roundness: var(--pt-roundness-lg);--ptc-input-step-w: var(--pt-dimension-1600)}.pc_input.pc_input--lg .pc_input__input{height:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_input.pc_input--lg .pc_input__leading,.pc_input.pc_input--lg .pc_input__trailing{height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_input:not(.pc_input--simple){border-radius:var(--ptc-input-roundness);height:var(--ptc-input-h);min-height:var(--ptc-input-h);max-height:var(--ptc-input-h);padding-inline-start:var(--ptc-input-px)}.pc_input:not(.pc_input--simple):not(.pc_input--steps),.pc_input:not(.pc_input--simple).pc_input--steps:not(:hover){padding-inline-end:var(--ptc-input-px)}.pc_input:not(.pc_input--content-fit){width:100%}.pc_input.pc_input--content-fit .pc_input__input{field-sizing:content}.pc_input .pc_input__input{outline:0}.pc_input:not(:disabled):not([data-disabled=true]){--ptc-input-bg: rgba(var(--pt-bg));--ptc-input-trailing: rgba(var(--pt-fg-subtle))}.pc_input:not(:disabled):not([data-disabled=true]):not(:hover){--ptc-input-fg: rgba(var(--pt-fg));--ptc-input-placeholder: rgba(var(--pt-fg-subtle))}.pc_input:not(:disabled):not([data-disabled=true]):hover{--ptc-input-fg: rgba(var(--pt-fg-target));--ptc-input-placeholder: rgba(var(--pt-fg-subtle-target))}.pc_input:not(:disabled):not([data-disabled=true]):focus,.pc_input:not(:disabled):not([data-disabled=true])[data-focus=true],.pc_input:not(:disabled):not([data-disabled=true]):focus-visible{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_input:disabled,.pc_input[data-disabled=true]{cursor:not-allowed;--ptc-input-bg: rgba(var(--pt-gray-05));--ptc-input-fg: rgba(var(--pt-disable-fg));--ptc-input-trailing: rgba(var(--pt-disable-fg));--ptc-input-placeholder: rgba(var(--pt-disable-fg))}.pc_input:not(:disabled):not([data-disabled=true]):hover .pc_input__number_steps{display:grid}.pc_input:not(:disabled):not([data-disabled=true]):focus.pc_input--simple,.pc_input:not(:disabled):not([data-disabled=true])[data-focus=true].pc_input--simple,.pc_input:not(:disabled):not([data-disabled=true]):focus-visible.pc_input--simple{box-shadow:none}.pc_input.pc_input--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-input-br)}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]):not(.pc_input--error):not(.pc_input--success):not(.pc_input--warning):not(:focus):not([data-focus=true]):not(:hover){--ptc-input-br: rgba(var(--pt-br))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]):not(.pc_input--error):not(.pc_input--success):not(.pc_input--warning):not(:focus):not([data-focus=true]):hover{--ptc-input-br: rgba(var(--pt-primary-6))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--error:not(:focus):not([data-focus=true]):not(:hover){--ptc-input-br: rgba(var(--pt-danger-br))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--error:not(:focus):not([data-focus=true]):hover{--ptc-input-br: rgba(var(--pt-danger-br-target))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--warning:not(:focus):not([data-focus=true]):not(:hover){--ptc-input-br: rgba(var(--pt-warning-br))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--warning:not(:focus):not([data-focus=true]):hover{--ptc-input-br: rgba(var(--pt-warning-br-target))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--success:not(:focus):not([data-focus=true]):not(:hover){--ptc-input-br: rgba(var(--pt-success-br))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--success:not(:focus):not([data-focus=true]):hover{--ptc-input-br: rgba(var(--pt-success-br-target))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]):focus,.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true])[data-focus=true],.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]):focus-visible{--ptc-input-br: rgba(var(--pt-primary-6))}.pc_input.pc_input--bordered:disabled,.pc_input.pc_input--bordered[data-disabled=true]{--ptc-input-br: rgba(var(--pt-gray-1))}.pc_input:not(.pc_input--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_input .pc_input__input{box-sizing:border-box;min-width:64px;flex-shrink:1;flex-grow:1;overflow:hidden;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:0;color:var(--ptc-input-fg);color:var(--ptc-input-fg)!important;-webkit-text-fill-color:var(--ptc-input-fg)!important;caret-color:var(--ptc-input-fg)!important;background-color:var(--ptc-input-bg)!important;-webkit-box-shadow:0 0 0px 1000px var(--ptc-input-bg) inset!important;box-shadow:0 0 0 1000px var(--ptc-input-bg) inset!important;transition:background-color 5000s ease-in-out 0s!important}.pc_input .pc_input__input::placeholder{color:var(--ptc-input-placeholder)}.pc_input .pc_input__input:-webkit-autofill,.pc_input .pc_input__input:-webkit-autofill:hover,.pc_input .pc_input__input:-webkit-autofill:focus,.pc_input .pc_input__input:-webkit-autofill:active,.pc_input .pc_input__input:autofill,.pc_input .pc_input__input:autofill:hover,.pc_input .pc_input__input:autofill:focus{color:var(--ptc-input-fg)!important;-webkit-text-fill-color:var(--ptc-input-fg)!important;caret-color:var(--ptc-input-fg)!important;background-color:var(--ptc-input-bg)!important;-webkit-box-shadow:0 0 0px 1000px var(--ptc-input-bg) inset!important;box-shadow:0 0 0 1000px var(--ptc-input-bg) inset!important;transition:background-color 5000s ease-in-out 0s!important}.pc_input .pc_input__input_value{pointer-events:none;visibility:hidden;position:absolute;inset:var(--pt-dimension-0, 0px);display:inline;width:fit-content;opacity:0}.pc_input .pc_input__leading,.pc_input .pc_input__trailing{height:100%;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_input .pc_input__leading{color:var(--ptc-input-fg)}.pc_input .pc_input__trailing{gap:var(--pt-dimension-200, 4px);color:var(--ptc-input-trailing)}.pc_input .pc_input__trailing .pc_input__clear_icon{cursor:pointer}.pc_input .pc_input__divider{height:var(--pt-dimension-700, 14px);min-height:unset}\n";
|
|
5
|
+
const addInputCss = () => addCssToHead(`${prefix}s-input`, cssText);
|
|
6
|
+
exports.addInputCss = addInputCss;
|
|
7
|
+
exports.inputCss = cssText;
|
package/dist/kbd.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pc_kbd{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--pt-roundness-sm, 4px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity));padding-bottom:var(--pt-dimension-100, 2px);--ptu-text-opacity:1;color:rgba(var(--pt-gray-5),var(--ptu-text-opacity));height:22px}.pc_kbd .pc_kbd__container{box-sizing:border-box;height:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px);display:inline-flex;align-items:center;justify-content:center;border-width:var(--pt-stroke-10, 1px);--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-sm, 4px);border-style:solid;box-shadow:0 3px rgba(var(--pt-br-target))}.pc_kbd.pc_kbd--icon-only,.pc_kbd.pc_kbd--icon-only .pc_kbd__container{width:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);max-width:var(--pt-dimension-1000, 20px)}.pc_kbd:not(.pc_kbd--icon-only) .pc_kbd__container{padding-left:var(--pt-dimension-200, 4px);padding-right:var(--pt-dimension-200, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-500, 10px);line-height:var(--pt-lineheight-8, 12px);letter-spacing:0}
|
package/dist/kbd.d.ts
ADDED
package/dist/kbd.js
ADDED
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { addCssToHead, prefix } from "@pantograph/tokens";
|
|
2
|
+
const cssText = ".pc_kbd{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--pt-roundness-sm, 4px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity));padding-bottom:var(--pt-dimension-100, 2px);--ptu-text-opacity:1;color:rgba(var(--pt-gray-5),var(--ptu-text-opacity));height:22px}.pc_kbd .pc_kbd__container{box-sizing:border-box;height:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px);display:inline-flex;align-items:center;justify-content:center;border-width:var(--pt-stroke-10, 1px);--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-sm, 4px);border-style:solid;box-shadow:0 3px rgba(var(--pt-br-target))}.pc_kbd.pc_kbd--icon-only,.pc_kbd.pc_kbd--icon-only .pc_kbd__container{width:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);max-width:var(--pt-dimension-1000, 20px)}.pc_kbd:not(.pc_kbd--icon-only) .pc_kbd__container{padding-left:var(--pt-dimension-200, 4px);padding-right:var(--pt-dimension-200, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-500, 10px);line-height:var(--pt-lineheight-8, 12px);letter-spacing:0}\n";
|
|
3
|
+
export const addKbdCss = () => addCssToHead(`${prefix}s-kbd`, cssText);
|
|
4
|
+
export const kbdCss = cssText;
|
package/dist/kbd.umd.cjs
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const { addCssToHead, prefix } = require("@pantograph/tokens");
|
|
4
|
+
const cssText = ".pc_kbd{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--pt-roundness-sm, 4px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity));padding-bottom:var(--pt-dimension-100, 2px);--ptu-text-opacity:1;color:rgba(var(--pt-gray-5),var(--ptu-text-opacity));height:22px}.pc_kbd .pc_kbd__container{box-sizing:border-box;height:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px);display:inline-flex;align-items:center;justify-content:center;border-width:var(--pt-stroke-10, 1px);--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-sm, 4px);border-style:solid;box-shadow:0 3px rgba(var(--pt-br-target))}.pc_kbd.pc_kbd--icon-only,.pc_kbd.pc_kbd--icon-only .pc_kbd__container{width:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);max-width:var(--pt-dimension-1000, 20px)}.pc_kbd:not(.pc_kbd--icon-only) .pc_kbd__container{padding-left:var(--pt-dimension-200, 4px);padding-right:var(--pt-dimension-200, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-500, 10px);line-height:var(--pt-lineheight-8, 12px);letter-spacing:0}\n";
|
|
5
|
+
const addKbdCss = () => addCssToHead(`${prefix}s-kbd`, cssText);
|
|
6
|
+
exports.addKbdCss = addKbdCss;
|
|
7
|
+
exports.kbdCss = cssText;
|
package/dist/label.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pc_label{display:flex;flex-direction:column;gap:var(--pt-dimension-200, 4px)}.pc_label.pc_label--sm{--ptc-label-gap: var(--pt-space-100);--ptc-label-leading-size: var(--pt-dimension-700)}.pc_label.pc_label--sm .pc_label__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_label.pc_label--md{--ptc-label-gap: var(--pt-space-200);--ptc-label-leading-size: var(--pt-dimension-800)}.pc_label.pc_label--md .pc_label__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_label.pc_label--subtle .pc_label__leading,.pc_label.pc_label--subtle .pc_label__label,.pc_label.pc_label--subtle .pc_label__info_icon{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_label:not(.pc_label--subtle) .pc_label__leading,.pc_label:not(.pc_label--subtle) .pc_label__label{--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_label:not(.pc_label--subtle) .pc_label__info_icon{--ptu-text-opacity:1;color:rgba(var(--pt-info-fg),var(--ptu-text-opacity))}.pc_label .pc_label__content{display:flex;align-items:center;gap:var(--ptc-label-gap)}.pc_label .pc_label__info_icon{display:flex;align-items:center}.pc_label .pc_label__optional{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_label .pc_label__required{--ptu-text-opacity:1;color:rgba(var(--pt-danger-fg),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_label .pc_label__description{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_label.pc_label--leading-icon .pc_label__description{padding-inline-start:calc(var(--ptc-label-gap) + var(--ptc-label-leading-size))}.pc_label__info{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}
|
package/dist/label.d.ts
ADDED
package/dist/label.js
ADDED
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { addCssToHead, prefix } from "@pantograph/tokens";
|
|
2
|
+
const cssText = ".pc_label{display:flex;flex-direction:column;gap:var(--pt-dimension-200, 4px)}.pc_label.pc_label--sm{--ptc-label-gap: var(--pt-space-100);--ptc-label-leading-size: var(--pt-dimension-700)}.pc_label.pc_label--sm .pc_label__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_label.pc_label--md{--ptc-label-gap: var(--pt-space-200);--ptc-label-leading-size: var(--pt-dimension-800)}.pc_label.pc_label--md .pc_label__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_label.pc_label--subtle .pc_label__leading,.pc_label.pc_label--subtle .pc_label__label,.pc_label.pc_label--subtle .pc_label__info_icon{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_label:not(.pc_label--subtle) .pc_label__leading,.pc_label:not(.pc_label--subtle) .pc_label__label{--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_label:not(.pc_label--subtle) .pc_label__info_icon{--ptu-text-opacity:1;color:rgba(var(--pt-info-fg),var(--ptu-text-opacity))}.pc_label .pc_label__content{display:flex;align-items:center;gap:var(--ptc-label-gap)}.pc_label .pc_label__info_icon{display:flex;align-items:center}.pc_label .pc_label__optional{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_label .pc_label__required{--ptu-text-opacity:1;color:rgba(var(--pt-danger-fg),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_label .pc_label__description{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_label.pc_label--leading-icon .pc_label__description{padding-inline-start:calc(var(--ptc-label-gap) + var(--ptc-label-leading-size))}.pc_label__info{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}\n";
|
|
3
|
+
export const addLabelCss = () => addCssToHead(`${prefix}s-label`, cssText);
|
|
4
|
+
export const labelCss = cssText;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const { addCssToHead, prefix } = require("@pantograph/tokens");
|
|
4
|
+
const cssText = ".pc_label{display:flex;flex-direction:column;gap:var(--pt-dimension-200, 4px)}.pc_label.pc_label--sm{--ptc-label-gap: var(--pt-space-100);--ptc-label-leading-size: var(--pt-dimension-700)}.pc_label.pc_label--sm .pc_label__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_label.pc_label--md{--ptc-label-gap: var(--pt-space-200);--ptc-label-leading-size: var(--pt-dimension-800)}.pc_label.pc_label--md .pc_label__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_label.pc_label--subtle .pc_label__leading,.pc_label.pc_label--subtle .pc_label__label,.pc_label.pc_label--subtle .pc_label__info_icon{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_label:not(.pc_label--subtle) .pc_label__leading,.pc_label:not(.pc_label--subtle) .pc_label__label{--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_label:not(.pc_label--subtle) .pc_label__info_icon{--ptu-text-opacity:1;color:rgba(var(--pt-info-fg),var(--ptu-text-opacity))}.pc_label .pc_label__content{display:flex;align-items:center;gap:var(--ptc-label-gap)}.pc_label .pc_label__info_icon{display:flex;align-items:center}.pc_label .pc_label__optional{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_label .pc_label__required{--ptu-text-opacity:1;color:rgba(var(--pt-danger-fg),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_label .pc_label__description{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_label.pc_label--leading-icon .pc_label__description{padding-inline-start:calc(var(--ptc-label-gap) + var(--ptc-label-leading-size))}.pc_label__info{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}\n";
|
|
5
|
+
const addLabelCss = () => addCssToHead(`${prefix}s-label`, cssText);
|
|
6
|
+
exports.addLabelCss = addLabelCss;
|
|
7
|
+
exports.labelCss = cssText;
|
package/dist/link.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pc_link{height:fit-content;width:fit-content;display:inline-flex;align-items:center;gap:var(--pt-dimension-100, 2px);border-width:var(--pt-stroke-0, 0px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:0}.pc_link:not([disabled=true]).pc_link--underline .pc_link__text{border-bottom-width:1px}.pc_link:not([disabled=true]):not(:visited):not(:hover){--ptu-text-opacity:1;color:rgba(var(--pt-blue-fg),var(--ptu-text-opacity))}.pc_link:not([disabled=true]):not(:visited):not(:hover) .pc_link__text{--ptu-border-opacity:1;border-color:rgba(var(--pt-blue-fg),var(--ptu-border-opacity))}.pc_link:not([disabled=true]):not(:visited):hover{--ptu-text-opacity:1;color:rgba(var(--pt-blue-fg-target),var(--ptu-text-opacity))}.pc_link:not([disabled=true]):not(:visited):hover .pc_link__text{--ptu-border-opacity:1;border-color:rgba(var(--pt-blue-br-target),var(--ptu-border-opacity))}.pc_link:not([disabled=true]):visited{--ptu-text-opacity:1;color:rgba(var(--pt-violet-fg),var(--ptu-text-opacity))}.pc_link:not([disabled=true]):visited .pc_link__text{--ptu-border-opacity:1;border-color:rgba(var(--pt-violet-fg),var(--ptu-border-opacity))}.pc_link:not([disabled=true]):focus{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_link[disabled=true]{cursor:not-allowed;--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_link .pc_link__text{flex:1 1 0%}.pc_link.pc_link--body{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_link.pc_link--overline{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_link.pc_link--caption{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_link.pc_link--label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_link.pc_link--title{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-800, 16px);line-height:var(--pt-lineheight-5, 18px);letter-spacing:0}
|
package/dist/link.d.ts
ADDED
package/dist/link.js
ADDED
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { addCssToHead, prefix } from "@pantograph/tokens";
|
|
2
|
+
const cssText = ".pc_link{height:fit-content;width:fit-content;display:inline-flex;align-items:center;gap:var(--pt-dimension-100, 2px);border-width:var(--pt-stroke-0, 0px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:0}.pc_link:not([disabled=true]).pc_link--underline .pc_link__text{border-bottom-width:1px}.pc_link:not([disabled=true]):not(:visited):not(:hover){--ptu-text-opacity:1;color:rgba(var(--pt-blue-fg),var(--ptu-text-opacity))}.pc_link:not([disabled=true]):not(:visited):not(:hover) .pc_link__text{--ptu-border-opacity:1;border-color:rgba(var(--pt-blue-fg),var(--ptu-border-opacity))}.pc_link:not([disabled=true]):not(:visited):hover{--ptu-text-opacity:1;color:rgba(var(--pt-blue-fg-target),var(--ptu-text-opacity))}.pc_link:not([disabled=true]):not(:visited):hover .pc_link__text{--ptu-border-opacity:1;border-color:rgba(var(--pt-blue-br-target),var(--ptu-border-opacity))}.pc_link:not([disabled=true]):visited{--ptu-text-opacity:1;color:rgba(var(--pt-violet-fg),var(--ptu-text-opacity))}.pc_link:not([disabled=true]):visited .pc_link__text{--ptu-border-opacity:1;border-color:rgba(var(--pt-violet-fg),var(--ptu-border-opacity))}.pc_link:not([disabled=true]):focus{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_link[disabled=true]{cursor:not-allowed;--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_link .pc_link__text{flex:1 1 0%}.pc_link.pc_link--body{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_link.pc_link--overline{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_link.pc_link--caption{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_link.pc_link--label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_link.pc_link--title{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-800, 16px);line-height:var(--pt-lineheight-5, 18px);letter-spacing:0}\n";
|
|
3
|
+
export const addLinkCss = () => addCssToHead(`${prefix}s-link`, cssText);
|
|
4
|
+
export const linkCss = cssText;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const { addCssToHead, prefix } = require("@pantograph/tokens");
|
|
4
|
+
const cssText = ".pc_link{height:fit-content;width:fit-content;display:inline-flex;align-items:center;gap:var(--pt-dimension-100, 2px);border-width:var(--pt-stroke-0, 0px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:0}.pc_link:not([disabled=true]).pc_link--underline .pc_link__text{border-bottom-width:1px}.pc_link:not([disabled=true]):not(:visited):not(:hover){--ptu-text-opacity:1;color:rgba(var(--pt-blue-fg),var(--ptu-text-opacity))}.pc_link:not([disabled=true]):not(:visited):not(:hover) .pc_link__text{--ptu-border-opacity:1;border-color:rgba(var(--pt-blue-fg),var(--ptu-border-opacity))}.pc_link:not([disabled=true]):not(:visited):hover{--ptu-text-opacity:1;color:rgba(var(--pt-blue-fg-target),var(--ptu-text-opacity))}.pc_link:not([disabled=true]):not(:visited):hover .pc_link__text{--ptu-border-opacity:1;border-color:rgba(var(--pt-blue-br-target),var(--ptu-border-opacity))}.pc_link:not([disabled=true]):visited{--ptu-text-opacity:1;color:rgba(var(--pt-violet-fg),var(--ptu-text-opacity))}.pc_link:not([disabled=true]):visited .pc_link__text{--ptu-border-opacity:1;border-color:rgba(var(--pt-violet-fg),var(--ptu-border-opacity))}.pc_link:not([disabled=true]):focus{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_link[disabled=true]{cursor:not-allowed;--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_link .pc_link__text{flex:1 1 0%}.pc_link.pc_link--body{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_link.pc_link--overline{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_link.pc_link--caption{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_link.pc_link--label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_link.pc_link--title{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-800, 16px);line-height:var(--pt-lineheight-5, 18px);letter-spacing:0}\n";
|
|
5
|
+
const addLinkCss = () => addCssToHead(`${prefix}s-link`, cssText);
|
|
6
|
+
exports.addLinkCss = addLinkCss;
|
|
7
|
+
exports.linkCss = cssText;
|
package/dist/menu.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pc_menu{width:100%;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.pc_menu.pc_menu--sm{gap:var(--pt-dimension-200, 4px)}.pc_menu.pc_menu--md{gap:var(--pt-dimension-300, 6px)}.pc_menu.pc_menu--lg{gap:var(--pt-dimension-400, 8px)}.pc_menu.pc_menu--none{gap:var(--pt-dimension-0, 0px)}.pc_menu__header{display:flex;align-items:center;gap:var(--pt-dimension-200, 4px)}.pc_menu__header__title{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_menu__header__actions{display:flex;gap:var(--pt-dimension-200, 4px);--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}
|
package/dist/menu.d.ts
ADDED
package/dist/menu.js
ADDED
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { addCssToHead, prefix } from "@pantograph/tokens";
|
|
2
|
+
const cssText = ".pc_menu{width:100%;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.pc_menu.pc_menu--sm{gap:var(--pt-dimension-200, 4px)}.pc_menu.pc_menu--md{gap:var(--pt-dimension-300, 6px)}.pc_menu.pc_menu--lg{gap:var(--pt-dimension-400, 8px)}.pc_menu.pc_menu--none{gap:var(--pt-dimension-0, 0px)}.pc_menu__header{display:flex;align-items:center;gap:var(--pt-dimension-200, 4px)}.pc_menu__header__title{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_menu__header__actions{display:flex;gap:var(--pt-dimension-200, 4px);--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}\n";
|
|
3
|
+
export const addMenuCss = () => addCssToHead(`${prefix}s-menu`, cssText);
|
|
4
|
+
export const menuCss = cssText;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const { addCssToHead, prefix } = require("@pantograph/tokens");
|
|
4
|
+
const cssText = ".pc_menu{width:100%;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.pc_menu.pc_menu--sm{gap:var(--pt-dimension-200, 4px)}.pc_menu.pc_menu--md{gap:var(--pt-dimension-300, 6px)}.pc_menu.pc_menu--lg{gap:var(--pt-dimension-400, 8px)}.pc_menu.pc_menu--none{gap:var(--pt-dimension-0, 0px)}.pc_menu__header{display:flex;align-items:center;gap:var(--pt-dimension-200, 4px)}.pc_menu__header__title{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_menu__header__actions{display:flex;gap:var(--pt-dimension-200, 4px);--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}\n";
|
|
5
|
+
const addMenuCss = () => addCssToHead(`${prefix}s-menu`, cssText);
|
|
6
|
+
exports.addMenuCss = addMenuCss;
|
|
7
|
+
exports.menuCss = cssText;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pc_menu_item{box-sizing:border-box;-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;outline:0;display:flex;align-items:center;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;transition-property:all;background:var(--ptc-menuitem-bg)}.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected):not(:hover):not([data-highlighted]):not([data-hover]):not(:active){--ptc-menuitem-bg: var(--pt-alpha-gray-0);--ptc-menuitem-fg: rgba(var(--pt-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected):hover,.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected)[data-highlighted],.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected)[data-hover]{--ptc-menuitem-bg: rgba(var(--pt-bg-target));--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected):active{--ptc-menuitem-bg: rgba(var(--pt-bg-trigger));--ptc-menuitem-fg: rgba(var(--pt-fg-trigger));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-trigger))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled):not(:hover):not([data-highlighted]):not([data-hover]):not(:active){--ptc-menuitem-bg: rgba(var(--pt-primary-fill-subtle));--ptc-menuitem-fg: rgba(var(--pt-primary-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled):hover,.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled)[data-highlighted],.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled)[data-hover]{--ptc-menuitem-bg: rgba(var(--pt-primary-fill-subtle-target));--ptc-menuitem-fg: rgba(var(--pt-primary-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled):active{--ptc-menuitem-bg: rgba(var(--pt-primary-fill-subtle-trigger));--ptc-menuitem-fg: rgba(var(--pt-primary-fg-trigger));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-trigger))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--danger:not(.pc_menu_item--disabled){--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--danger:not(.pc_menu_item--disabled):not(:hover):not(:active){--ptc-menuitem-bg: var(--pt-alpha-gray-0);--ptc-menuitem-fg: rgba(var(--pt-danger-fg))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--danger:not(.pc_menu_item--disabled):hover{--ptc-menuitem-bg: rgba(var(--pt-danger-fill-subtle-target));--ptc-menuitem-fg: rgba(var(--pt-danger-fg-target))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--danger:not(.pc_menu_item--disabled):active{--ptc-menuitem-bg: rgba(var(--pt-danger-fill-subtle-trigger));--ptc-menuitem-fg: rgba(var(--pt-danger-fg-trigger))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--disabled{cursor:not-allowed;--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-disable-fg));--ptc-menuitem-description: rgba(var(--pt-disable-fg))}.pc_menu_item.pc_menu_item--static-style{--ptc-menuitem-bg: var(--pt-alpha-gray-0);--ptc-menuitem-fg: rgba(var(--pt-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_menu_item>.pc_menu_item__content{display:flex;flex-direction:column;flex:1 1 0%;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_menu_item>.pc_menu_item__content>.pc_menu_item__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ptc-menuitem-description)}.pc_menu_item>.pc_menu_item__content>.pc_menu_item__title{color:var(--ptc-menuitem-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_menu_item.pc_menu_item--hover-trailing .pc_menu_item__trailing{display:none}.pc_menu_item.pc_menu_item--hover-trailing:hover .pc_menu_item__trailing{display:inline-flex}.pc_menu_item:not(.pc_menu_item--disabled):not(.pc_menu_item--static-style){cursor:pointer}.pc_menu_item.pc_menu_item--sm{gap:var(--pt-dimension-200, 4px);border-radius:var(--pt-roundness-sm, 4px);padding:var(--pt-dimension-200, 4px)}.pc_menu_item.pc_menu_item--sm:not(.pc_menu_item--description){height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px)}.pc_menu_item.pc_menu_item--sm.pc_menu_item--description{height:42px;min-height:42px;max-height:42px}.pc_menu_item.pc_menu_item--sm>.pc_menu_item__content{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_menu_item.pc_menu_item--md{gap:var(--pt-dimension-200, 4px);border-radius:var(--pt-roundness-md, 6px);padding:var(--pt-dimension-300, 6px)}.pc_menu_item.pc_menu_item--md:not(.pc_menu_item--description){height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px)}.pc_menu_item.pc_menu_item--md.pc_menu_item--description{height:50px;min-height:50px;max-height:50px}.pc_menu_item.pc_menu_item--md>.pc_menu_item__content{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_menu_item.pc_menu_item--md>.pc_menu_item__content>.pc_menu_item__description{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_menu_item.pc_menu_item--lg{gap:var(--pt-dimension-300, 6px);border-radius:var(--pt-roundness-lg, 8px);padding:var(--pt-dimension-400, 8px)}.pc_menu_item.pc_menu_item--lg:not(.pc_menu_item--description){height:var(--pt-dimension-2000, 40px);min-height:var(--pt-dimension-2000, 40px);max-height:var(--pt-dimension-2000, 40px)}.pc_menu_item.pc_menu_item--lg.pc_menu_item--description{height:54px;min-height:54px;max-height:54px}.pc_menu_item.pc_menu_item--lg>.pc_menu_item__content{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_menu_item.pc_menu_item--lg>.pc_menu_item__content .pc_menu_item__description{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_menu_item>.pc_menu_item__leading{color:var(--ptc-menuitem-fg);display:inline-block;height:100%}.pc_menu_item>.pc_menu_item__leading>.pc_menu_item__leading_content{display:inline-flex;align-items:center;gap:var(--pt-dimension-200, 4px)}.pc_menu_item>.pc_menu_item__branch{--ptu-text-opacity:1;color:rgba(var(--pt-gray-9),var(--ptu-text-opacity))}.pc_menu_item>.pc_menu_item__trailing{color:var(--ptc-menuitem-fg);display:inline-flex;align-items:center;gap:var(--pt-dimension-200, 4px)}.pc_menu_item.pc_menu_item--leading-center>.pc_menu_item__leading{align-items:center}.pc_menu_item.pc_menu_item--leading-center>.pc_menu_item__leading>.pc_menu_item__leading_content{height:100%}.pc_menu_item:not(.pc_menu_item--un-focusable):not(.pc_menu_item--disabled):focus{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_sub_menu{height:100%;width:fit-content}.pc_sub_menu[data-state=open]>.pc_sub_menu__trigger:not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected){--ptc-menuitem-bg: rgba(var(--pt-bg-target));--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_sub_menu__items{display:flex;flex-direction:column;gap:var(--pt-dimension-200, 4px)}.pc_sub_menu__items .pc_sub_menu,.pc_menu .pc_sub_menu{width:100%}.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled):not(:hover):not([data-highlighted]):not([data-hover]):not(:active) .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled):hover .pc_menu_item,.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled)[data-highlighted] .pc_menu_item,.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled)[data-hover] .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled):active .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-fg-trigger));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-trigger))}.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled):not(:hover):not([data-highlighted]):not([data-hover]):not(:active) .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-primary-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled):hover .pc_menu_item,.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled)[data-highlighted] .pc_menu_item,.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled)[data-hover] .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-primary-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled):active .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-primary-fg-trigger));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-trigger))}.pc_tree__node.pc_tree__node--disabled .pc_menu_item{cursor:not-allowed;--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-disable-fg));--ptc-menuitem-description: rgba(var(--pt-disable-fg))}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { addCssToHead, prefix } from "@pantograph/tokens";
|
|
2
|
+
const cssText = ".pc_menu_item{box-sizing:border-box;-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;outline:0;display:flex;align-items:center;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;transition-property:all;background:var(--ptc-menuitem-bg)}.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected):not(:hover):not([data-highlighted]):not([data-hover]):not(:active){--ptc-menuitem-bg: var(--pt-alpha-gray-0);--ptc-menuitem-fg: rgba(var(--pt-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected):hover,.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected)[data-highlighted],.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected)[data-hover]{--ptc-menuitem-bg: rgba(var(--pt-bg-target));--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected):active{--ptc-menuitem-bg: rgba(var(--pt-bg-trigger));--ptc-menuitem-fg: rgba(var(--pt-fg-trigger));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-trigger))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled):not(:hover):not([data-highlighted]):not([data-hover]):not(:active){--ptc-menuitem-bg: rgba(var(--pt-primary-fill-subtle));--ptc-menuitem-fg: rgba(var(--pt-primary-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled):hover,.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled)[data-highlighted],.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled)[data-hover]{--ptc-menuitem-bg: rgba(var(--pt-primary-fill-subtle-target));--ptc-menuitem-fg: rgba(var(--pt-primary-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled):active{--ptc-menuitem-bg: rgba(var(--pt-primary-fill-subtle-trigger));--ptc-menuitem-fg: rgba(var(--pt-primary-fg-trigger));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-trigger))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--danger:not(.pc_menu_item--disabled){--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--danger:not(.pc_menu_item--disabled):not(:hover):not(:active){--ptc-menuitem-bg: var(--pt-alpha-gray-0);--ptc-menuitem-fg: rgba(var(--pt-danger-fg))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--danger:not(.pc_menu_item--disabled):hover{--ptc-menuitem-bg: rgba(var(--pt-danger-fill-subtle-target));--ptc-menuitem-fg: rgba(var(--pt-danger-fg-target))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--danger:not(.pc_menu_item--disabled):active{--ptc-menuitem-bg: rgba(var(--pt-danger-fill-subtle-trigger));--ptc-menuitem-fg: rgba(var(--pt-danger-fg-trigger))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--disabled{cursor:not-allowed;--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-disable-fg));--ptc-menuitem-description: rgba(var(--pt-disable-fg))}.pc_menu_item.pc_menu_item--static-style{--ptc-menuitem-bg: var(--pt-alpha-gray-0);--ptc-menuitem-fg: rgba(var(--pt-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_menu_item>.pc_menu_item__content{display:flex;flex-direction:column;flex:1 1 0%;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_menu_item>.pc_menu_item__content>.pc_menu_item__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ptc-menuitem-description)}.pc_menu_item>.pc_menu_item__content>.pc_menu_item__title{color:var(--ptc-menuitem-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_menu_item.pc_menu_item--hover-trailing .pc_menu_item__trailing{display:none}.pc_menu_item.pc_menu_item--hover-trailing:hover .pc_menu_item__trailing{display:inline-flex}.pc_menu_item:not(.pc_menu_item--disabled):not(.pc_menu_item--static-style){cursor:pointer}.pc_menu_item.pc_menu_item--sm{gap:var(--pt-dimension-200, 4px);border-radius:var(--pt-roundness-sm, 4px);padding:var(--pt-dimension-200, 4px)}.pc_menu_item.pc_menu_item--sm:not(.pc_menu_item--description){height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px)}.pc_menu_item.pc_menu_item--sm.pc_menu_item--description{height:42px;min-height:42px;max-height:42px}.pc_menu_item.pc_menu_item--sm>.pc_menu_item__content{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_menu_item.pc_menu_item--md{gap:var(--pt-dimension-200, 4px);border-radius:var(--pt-roundness-md, 6px);padding:var(--pt-dimension-300, 6px)}.pc_menu_item.pc_menu_item--md:not(.pc_menu_item--description){height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px)}.pc_menu_item.pc_menu_item--md.pc_menu_item--description{height:50px;min-height:50px;max-height:50px}.pc_menu_item.pc_menu_item--md>.pc_menu_item__content{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_menu_item.pc_menu_item--md>.pc_menu_item__content>.pc_menu_item__description{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_menu_item.pc_menu_item--lg{gap:var(--pt-dimension-300, 6px);border-radius:var(--pt-roundness-lg, 8px);padding:var(--pt-dimension-400, 8px)}.pc_menu_item.pc_menu_item--lg:not(.pc_menu_item--description){height:var(--pt-dimension-2000, 40px);min-height:var(--pt-dimension-2000, 40px);max-height:var(--pt-dimension-2000, 40px)}.pc_menu_item.pc_menu_item--lg.pc_menu_item--description{height:54px;min-height:54px;max-height:54px}.pc_menu_item.pc_menu_item--lg>.pc_menu_item__content{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_menu_item.pc_menu_item--lg>.pc_menu_item__content .pc_menu_item__description{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_menu_item>.pc_menu_item__leading{color:var(--ptc-menuitem-fg);display:inline-block;height:100%}.pc_menu_item>.pc_menu_item__leading>.pc_menu_item__leading_content{display:inline-flex;align-items:center;gap:var(--pt-dimension-200, 4px)}.pc_menu_item>.pc_menu_item__branch{--ptu-text-opacity:1;color:rgba(var(--pt-gray-9),var(--ptu-text-opacity))}.pc_menu_item>.pc_menu_item__trailing{color:var(--ptc-menuitem-fg);display:inline-flex;align-items:center;gap:var(--pt-dimension-200, 4px)}.pc_menu_item.pc_menu_item--leading-center>.pc_menu_item__leading{align-items:center}.pc_menu_item.pc_menu_item--leading-center>.pc_menu_item__leading>.pc_menu_item__leading_content{height:100%}.pc_menu_item:not(.pc_menu_item--un-focusable):not(.pc_menu_item--disabled):focus{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_sub_menu{height:100%;width:fit-content}.pc_sub_menu[data-state=open]>.pc_sub_menu__trigger:not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected){--ptc-menuitem-bg: rgba(var(--pt-bg-target));--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_sub_menu__items{display:flex;flex-direction:column;gap:var(--pt-dimension-200, 4px)}.pc_sub_menu__items .pc_sub_menu,.pc_menu .pc_sub_menu{width:100%}.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled):not(:hover):not([data-highlighted]):not([data-hover]):not(:active) .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled):hover .pc_menu_item,.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled)[data-highlighted] .pc_menu_item,.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled)[data-hover] .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled):active .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-fg-trigger));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-trigger))}.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled):not(:hover):not([data-highlighted]):not([data-hover]):not(:active) .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-primary-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled):hover .pc_menu_item,.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled)[data-highlighted] .pc_menu_item,.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled)[data-hover] .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-primary-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled):active .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-primary-fg-trigger));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-trigger))}.pc_tree__node.pc_tree__node--disabled .pc_menu_item{cursor:not-allowed;--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-disable-fg));--ptc-menuitem-description: rgba(var(--pt-disable-fg))}\n";
|
|
3
|
+
export const addMenuItemCss = () => addCssToHead(`${prefix}s-menu_item`, cssText);
|
|
4
|
+
export const menuItemCss = cssText;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const { addCssToHead, prefix } = require("@pantograph/tokens");
|
|
4
|
+
const cssText = ".pc_menu_item{box-sizing:border-box;-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;outline:0;display:flex;align-items:center;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;transition-property:all;background:var(--ptc-menuitem-bg)}.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected):not(:hover):not([data-highlighted]):not([data-hover]):not(:active){--ptc-menuitem-bg: var(--pt-alpha-gray-0);--ptc-menuitem-fg: rgba(var(--pt-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected):hover,.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected)[data-highlighted],.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected)[data-hover]{--ptc-menuitem-bg: rgba(var(--pt-bg-target));--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected):active{--ptc-menuitem-bg: rgba(var(--pt-bg-trigger));--ptc-menuitem-fg: rgba(var(--pt-fg-trigger));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-trigger))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled):not(:hover):not([data-highlighted]):not([data-hover]):not(:active){--ptc-menuitem-bg: rgba(var(--pt-primary-fill-subtle));--ptc-menuitem-fg: rgba(var(--pt-primary-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled):hover,.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled)[data-highlighted],.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled)[data-hover]{--ptc-menuitem-bg: rgba(var(--pt-primary-fill-subtle-target));--ptc-menuitem-fg: rgba(var(--pt-primary-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled):active{--ptc-menuitem-bg: rgba(var(--pt-primary-fill-subtle-trigger));--ptc-menuitem-fg: rgba(var(--pt-primary-fg-trigger));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-trigger))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--danger:not(.pc_menu_item--disabled){--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--danger:not(.pc_menu_item--disabled):not(:hover):not(:active){--ptc-menuitem-bg: var(--pt-alpha-gray-0);--ptc-menuitem-fg: rgba(var(--pt-danger-fg))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--danger:not(.pc_menu_item--disabled):hover{--ptc-menuitem-bg: rgba(var(--pt-danger-fill-subtle-target));--ptc-menuitem-fg: rgba(var(--pt-danger-fg-target))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--danger:not(.pc_menu_item--disabled):active{--ptc-menuitem-bg: rgba(var(--pt-danger-fill-subtle-trigger));--ptc-menuitem-fg: rgba(var(--pt-danger-fg-trigger))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--disabled{cursor:not-allowed;--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-disable-fg));--ptc-menuitem-description: rgba(var(--pt-disable-fg))}.pc_menu_item.pc_menu_item--static-style{--ptc-menuitem-bg: var(--pt-alpha-gray-0);--ptc-menuitem-fg: rgba(var(--pt-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_menu_item>.pc_menu_item__content{display:flex;flex-direction:column;flex:1 1 0%;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_menu_item>.pc_menu_item__content>.pc_menu_item__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ptc-menuitem-description)}.pc_menu_item>.pc_menu_item__content>.pc_menu_item__title{color:var(--ptc-menuitem-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_menu_item.pc_menu_item--hover-trailing .pc_menu_item__trailing{display:none}.pc_menu_item.pc_menu_item--hover-trailing:hover .pc_menu_item__trailing{display:inline-flex}.pc_menu_item:not(.pc_menu_item--disabled):not(.pc_menu_item--static-style){cursor:pointer}.pc_menu_item.pc_menu_item--sm{gap:var(--pt-dimension-200, 4px);border-radius:var(--pt-roundness-sm, 4px);padding:var(--pt-dimension-200, 4px)}.pc_menu_item.pc_menu_item--sm:not(.pc_menu_item--description){height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px)}.pc_menu_item.pc_menu_item--sm.pc_menu_item--description{height:42px;min-height:42px;max-height:42px}.pc_menu_item.pc_menu_item--sm>.pc_menu_item__content{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_menu_item.pc_menu_item--md{gap:var(--pt-dimension-200, 4px);border-radius:var(--pt-roundness-md, 6px);padding:var(--pt-dimension-300, 6px)}.pc_menu_item.pc_menu_item--md:not(.pc_menu_item--description){height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px)}.pc_menu_item.pc_menu_item--md.pc_menu_item--description{height:50px;min-height:50px;max-height:50px}.pc_menu_item.pc_menu_item--md>.pc_menu_item__content{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_menu_item.pc_menu_item--md>.pc_menu_item__content>.pc_menu_item__description{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_menu_item.pc_menu_item--lg{gap:var(--pt-dimension-300, 6px);border-radius:var(--pt-roundness-lg, 8px);padding:var(--pt-dimension-400, 8px)}.pc_menu_item.pc_menu_item--lg:not(.pc_menu_item--description){height:var(--pt-dimension-2000, 40px);min-height:var(--pt-dimension-2000, 40px);max-height:var(--pt-dimension-2000, 40px)}.pc_menu_item.pc_menu_item--lg.pc_menu_item--description{height:54px;min-height:54px;max-height:54px}.pc_menu_item.pc_menu_item--lg>.pc_menu_item__content{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_menu_item.pc_menu_item--lg>.pc_menu_item__content .pc_menu_item__description{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_menu_item>.pc_menu_item__leading{color:var(--ptc-menuitem-fg);display:inline-block;height:100%}.pc_menu_item>.pc_menu_item__leading>.pc_menu_item__leading_content{display:inline-flex;align-items:center;gap:var(--pt-dimension-200, 4px)}.pc_menu_item>.pc_menu_item__branch{--ptu-text-opacity:1;color:rgba(var(--pt-gray-9),var(--ptu-text-opacity))}.pc_menu_item>.pc_menu_item__trailing{color:var(--ptc-menuitem-fg);display:inline-flex;align-items:center;gap:var(--pt-dimension-200, 4px)}.pc_menu_item.pc_menu_item--leading-center>.pc_menu_item__leading{align-items:center}.pc_menu_item.pc_menu_item--leading-center>.pc_menu_item__leading>.pc_menu_item__leading_content{height:100%}.pc_menu_item:not(.pc_menu_item--un-focusable):not(.pc_menu_item--disabled):focus{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_sub_menu{height:100%;width:fit-content}.pc_sub_menu[data-state=open]>.pc_sub_menu__trigger:not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected){--ptc-menuitem-bg: rgba(var(--pt-bg-target));--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_sub_menu__items{display:flex;flex-direction:column;gap:var(--pt-dimension-200, 4px)}.pc_sub_menu__items .pc_sub_menu,.pc_menu .pc_sub_menu{width:100%}.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled):not(:hover):not([data-highlighted]):not([data-hover]):not(:active) .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled):hover .pc_menu_item,.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled)[data-highlighted] .pc_menu_item,.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled)[data-hover] .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled):active .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-fg-trigger));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-trigger))}.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled):not(:hover):not([data-highlighted]):not([data-hover]):not(:active) .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-primary-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled):hover .pc_menu_item,.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled)[data-highlighted] .pc_menu_item,.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled)[data-hover] .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-primary-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled):active .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-primary-fg-trigger));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-trigger))}.pc_tree__node.pc_tree__node--disabled .pc_menu_item{cursor:not-allowed;--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-disable-fg));--ptc-menuitem-description: rgba(var(--pt-disable-fg))}\n";
|
|
5
|
+
const addMenuItemCss = () => addCssToHead(`${prefix}s-menu_item`, cssText);
|
|
6
|
+
exports.addMenuItemCss = addMenuItemCss;
|
|
7
|
+
exports.menuItemCss = cssText;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pc_page_indicator{display:flex;align-items:center}.pc_page_indicator .pc_page_indicator__dots{display:flex;align-items:center;gap:var(--pt-dimension-100, 2px);padding:var(--pt-dimension-200, 4px)}.pc_page_indicator .pc_page_indicator__dot{box-sizing:border-box;height:var(--pt-dimension-400, 8px);min-height:var(--pt-dimension-400, 8px);cursor:pointer;border-width:var(--pt-stroke-0, 0px);border-radius:var(--pt-roundness-full, 88px);padding:var(--pt-dimension-050, 1px);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;transition-property:all;outline:0}.pc_page_indicator .pc_page_indicator__dot[data-state=active]{width:var(--pt-dimension-700, 14px);min-width:var(--pt-dimension-700, 14px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-fill),var(--ptu-bg-opacity))}.pc_page_indicator .pc_page_indicator__dot[data-state=inactive]{width:var(--pt-dimension-400, 8px);min-width:var(--pt-dimension-400, 8px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-fill),var(--ptu-bg-opacity))}.pc_page_indicator .pc_page_indicator__dot[data-state=inactive]:hover{background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-fill-target),var(--ptu-bg-opacity))}.pc_page_indicator .pc_page_indicator__dot:focus{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { addCssToHead, prefix } from "@pantograph/tokens";
|
|
2
|
+
const cssText = ".pc_page_indicator{display:flex;align-items:center}.pc_page_indicator .pc_page_indicator__dots{display:flex;align-items:center;gap:var(--pt-dimension-100, 2px);padding:var(--pt-dimension-200, 4px)}.pc_page_indicator .pc_page_indicator__dot{box-sizing:border-box;height:var(--pt-dimension-400, 8px);min-height:var(--pt-dimension-400, 8px);cursor:pointer;border-width:var(--pt-stroke-0, 0px);border-radius:var(--pt-roundness-full, 88px);padding:var(--pt-dimension-050, 1px);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;transition-property:all;outline:0}.pc_page_indicator .pc_page_indicator__dot[data-state=active]{width:var(--pt-dimension-700, 14px);min-width:var(--pt-dimension-700, 14px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-fill),var(--ptu-bg-opacity))}.pc_page_indicator .pc_page_indicator__dot[data-state=inactive]{width:var(--pt-dimension-400, 8px);min-width:var(--pt-dimension-400, 8px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-fill),var(--ptu-bg-opacity))}.pc_page_indicator .pc_page_indicator__dot[data-state=inactive]:hover{background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-fill-target),var(--ptu-bg-opacity))}.pc_page_indicator .pc_page_indicator__dot:focus{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}\n";
|
|
3
|
+
export const addPageIndicatorCss = () => addCssToHead(`${prefix}s-page_indicator`, cssText);
|
|
4
|
+
export const pageIndicatorCss = cssText;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const { addCssToHead, prefix } = require("@pantograph/tokens");
|
|
4
|
+
const cssText = ".pc_page_indicator{display:flex;align-items:center}.pc_page_indicator .pc_page_indicator__dots{display:flex;align-items:center;gap:var(--pt-dimension-100, 2px);padding:var(--pt-dimension-200, 4px)}.pc_page_indicator .pc_page_indicator__dot{box-sizing:border-box;height:var(--pt-dimension-400, 8px);min-height:var(--pt-dimension-400, 8px);cursor:pointer;border-width:var(--pt-stroke-0, 0px);border-radius:var(--pt-roundness-full, 88px);padding:var(--pt-dimension-050, 1px);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;transition-property:all;outline:0}.pc_page_indicator .pc_page_indicator__dot[data-state=active]{width:var(--pt-dimension-700, 14px);min-width:var(--pt-dimension-700, 14px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-fill),var(--ptu-bg-opacity))}.pc_page_indicator .pc_page_indicator__dot[data-state=inactive]{width:var(--pt-dimension-400, 8px);min-width:var(--pt-dimension-400, 8px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-fill),var(--ptu-bg-opacity))}.pc_page_indicator .pc_page_indicator__dot[data-state=inactive]:hover{background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-fill-target),var(--ptu-bg-opacity))}.pc_page_indicator .pc_page_indicator__dot:focus{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}\n";
|
|
5
|
+
const addPageIndicatorCss = () => addCssToHead(`${prefix}s-page_indicator`, cssText);
|
|
6
|
+
exports.addPageIndicatorCss = addPageIndicatorCss;
|
|
7
|
+
exports.pageIndicatorCss = cssText;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pc_pagination{display:flex;align-items:center;width:100%;gap:var(--pt-dimension-300, 6px)}.pc_pagination.pc_pagination--between{justify-content:space-between}.pc_pagination.pc_pagination--start{justify-content:flex-start}.pc_pagination.pc_pagination--end{flex-direction:row-reverse}.pc_pagination.pc_pagination--center{justify-content:center}.pc_pagination .pc_pagination__pagination{display:flex;align-items:center;width:fit-content;gap:var(--pt-dimension-200, 4px)}.pc_pagination:not(.pc_pagination--simple){flex-wrap:wrap}.pc_pagination:not(.pc_pagination--simple) .pc_pagination__pagination{flex-wrap:wrap}.pc_pagination.pc_pagination--simple .pc_pagination__pagination{height:var(--pt-size-sm, 24px);padding:var(--pt-dimension-200, 4px)}.pc_pagination.pc_pagination--simple .pc_pagination__pagination .pc_pagination__pagination__text{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_pagination.pc_pagination--simple .pc_pagination__pagination .pc_pagination__pagination__current{width:fit-content!important;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_pagination.pc_pagination--simple .pc_pagination__pagination .pc_pagination__pagination__current .pc_input__input{min-width:5px!important}.pc_pagination.pc_pagination--simple .pc_pagination__pagination .pc_pagination__pagination__current .pc_input__input::-webkit-inner-spin-button{-moz-appearance:none;-webkit-appearance:none}.pc_pagination.pc_pagination--simple .pc_pagination__pagination .pc_pagination__pagination__count{display:flex;align-items:center;width:auto!important;gap:var(--pt-dimension-100, 2px);--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_pagination .pc_pagination__pageSize{display:flex;align-items:center;width:fit-content;gap:var(--pt-dimension-300, 6px)}.pc_pagination .pc_pagination__divider{height:var(--pt-dimension-700, 14px)}.pc_pagination .pc_pagination__item{height:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px);min-width:var(--pt-size-sm, 24px);display:flex;align-items:center;justify-content:center;border-width:var(--pt-stroke-0, 0px);border-radius:var(--pt-roundness-sm, 4px);padding-left:var(--pt-dimension-200, 4px);padding-right:var(--pt-dimension-200, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;outline:0}.pc_pagination .pc_pagination__item[data-selected=true]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-fill),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg-subtle),var(--ptu-text-opacity))}.pc_pagination .pc_pagination__item:not([data-selected=true]){--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_pagination .pc_pagination__item:focus{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_pagination .pc_pagination__total{--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { addCssToHead, prefix } from "@pantograph/tokens";
|
|
2
|
+
const cssText = ".pc_pagination{display:flex;align-items:center;width:100%;gap:var(--pt-dimension-300, 6px)}.pc_pagination.pc_pagination--between{justify-content:space-between}.pc_pagination.pc_pagination--start{justify-content:flex-start}.pc_pagination.pc_pagination--end{flex-direction:row-reverse}.pc_pagination.pc_pagination--center{justify-content:center}.pc_pagination .pc_pagination__pagination{display:flex;align-items:center;width:fit-content;gap:var(--pt-dimension-200, 4px)}.pc_pagination:not(.pc_pagination--simple){flex-wrap:wrap}.pc_pagination:not(.pc_pagination--simple) .pc_pagination__pagination{flex-wrap:wrap}.pc_pagination.pc_pagination--simple .pc_pagination__pagination{height:var(--pt-size-sm, 24px);padding:var(--pt-dimension-200, 4px)}.pc_pagination.pc_pagination--simple .pc_pagination__pagination .pc_pagination__pagination__text{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_pagination.pc_pagination--simple .pc_pagination__pagination .pc_pagination__pagination__current{width:fit-content!important;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_pagination.pc_pagination--simple .pc_pagination__pagination .pc_pagination__pagination__current .pc_input__input{min-width:5px!important}.pc_pagination.pc_pagination--simple .pc_pagination__pagination .pc_pagination__pagination__current .pc_input__input::-webkit-inner-spin-button{-moz-appearance:none;-webkit-appearance:none}.pc_pagination.pc_pagination--simple .pc_pagination__pagination .pc_pagination__pagination__count{display:flex;align-items:center;width:auto!important;gap:var(--pt-dimension-100, 2px);--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_pagination .pc_pagination__pageSize{display:flex;align-items:center;width:fit-content;gap:var(--pt-dimension-300, 6px)}.pc_pagination .pc_pagination__divider{height:var(--pt-dimension-700, 14px)}.pc_pagination .pc_pagination__item{height:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px);min-width:var(--pt-size-sm, 24px);display:flex;align-items:center;justify-content:center;border-width:var(--pt-stroke-0, 0px);border-radius:var(--pt-roundness-sm, 4px);padding-left:var(--pt-dimension-200, 4px);padding-right:var(--pt-dimension-200, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;outline:0}.pc_pagination .pc_pagination__item[data-selected=true]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-fill),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg-subtle),var(--ptu-text-opacity))}.pc_pagination .pc_pagination__item:not([data-selected=true]){--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_pagination .pc_pagination__item:focus{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_pagination .pc_pagination__total{--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}\n";
|
|
3
|
+
export const addPaginationCss = () => addCssToHead(`${prefix}s-pagination`, cssText);
|
|
4
|
+
export const paginationCss = cssText;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const { addCssToHead, prefix } = require("@pantograph/tokens");
|
|
4
|
+
const cssText = ".pc_pagination{display:flex;align-items:center;width:100%;gap:var(--pt-dimension-300, 6px)}.pc_pagination.pc_pagination--between{justify-content:space-between}.pc_pagination.pc_pagination--start{justify-content:flex-start}.pc_pagination.pc_pagination--end{flex-direction:row-reverse}.pc_pagination.pc_pagination--center{justify-content:center}.pc_pagination .pc_pagination__pagination{display:flex;align-items:center;width:fit-content;gap:var(--pt-dimension-200, 4px)}.pc_pagination:not(.pc_pagination--simple){flex-wrap:wrap}.pc_pagination:not(.pc_pagination--simple) .pc_pagination__pagination{flex-wrap:wrap}.pc_pagination.pc_pagination--simple .pc_pagination__pagination{height:var(--pt-size-sm, 24px);padding:var(--pt-dimension-200, 4px)}.pc_pagination.pc_pagination--simple .pc_pagination__pagination .pc_pagination__pagination__text{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_pagination.pc_pagination--simple .pc_pagination__pagination .pc_pagination__pagination__current{width:fit-content!important;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_pagination.pc_pagination--simple .pc_pagination__pagination .pc_pagination__pagination__current .pc_input__input{min-width:5px!important}.pc_pagination.pc_pagination--simple .pc_pagination__pagination .pc_pagination__pagination__current .pc_input__input::-webkit-inner-spin-button{-moz-appearance:none;-webkit-appearance:none}.pc_pagination.pc_pagination--simple .pc_pagination__pagination .pc_pagination__pagination__count{display:flex;align-items:center;width:auto!important;gap:var(--pt-dimension-100, 2px);--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_pagination .pc_pagination__pageSize{display:flex;align-items:center;width:fit-content;gap:var(--pt-dimension-300, 6px)}.pc_pagination .pc_pagination__divider{height:var(--pt-dimension-700, 14px)}.pc_pagination .pc_pagination__item{height:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px);min-width:var(--pt-size-sm, 24px);display:flex;align-items:center;justify-content:center;border-width:var(--pt-stroke-0, 0px);border-radius:var(--pt-roundness-sm, 4px);padding-left:var(--pt-dimension-200, 4px);padding-right:var(--pt-dimension-200, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;outline:0}.pc_pagination .pc_pagination__item[data-selected=true]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-fill),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg-subtle),var(--ptu-text-opacity))}.pc_pagination .pc_pagination__item:not([data-selected=true]){--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_pagination .pc_pagination__item:focus{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_pagination .pc_pagination__total{--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}\n";
|
|
5
|
+
const addPaginationCss = () => addCssToHead(`${prefix}s-pagination`, cssText);
|
|
6
|
+
exports.addPaginationCss = addPaginationCss;
|
|
7
|
+
exports.paginationCss = cssText;
|
package/dist/popover.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pc_popover__content{border-width:var(--pt-stroke-10, 1px);--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity));--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2), 0 var(--pt-dimension-400) var(--pt-dimension-800) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow);outline:0}.pc_popover__content--sm{border-radius:var(--pt-roundness-sm, 4px)}.pc_popover__content--sm:not(.pc_popover__content--no-padding){padding:var(--pt-dimension-200, 4px)}.pc_popover__content--md{border-radius:var(--pt-roundness-md, 6px)}.pc_popover__content--md:not(.pc_popover__content--no-padding){padding:var(--pt-dimension-300, 6px)}.pc_popover__content--lg{border-radius:var(--pt-roundness-lg, 8px)}.pc_popover__content--lg:not(.pc_popover__content--no-padding){padding:var(--pt-dimension-400, 8px)}.pc_popover__content.pc_popover__content--no-padding{padding:var(--pt-dimension-0, 0px)}
|
package/dist/popover.js
ADDED
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { addCssToHead, prefix } from "@pantograph/tokens";
|
|
2
|
+
const cssText = ".pc_popover__content{border-width:var(--pt-stroke-10, 1px);--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity));--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2), 0 var(--pt-dimension-400) var(--pt-dimension-800) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow);outline:0}.pc_popover__content--sm{border-radius:var(--pt-roundness-sm, 4px)}.pc_popover__content--sm:not(.pc_popover__content--no-padding){padding:var(--pt-dimension-200, 4px)}.pc_popover__content--md{border-radius:var(--pt-roundness-md, 6px)}.pc_popover__content--md:not(.pc_popover__content--no-padding){padding:var(--pt-dimension-300, 6px)}.pc_popover__content--lg{border-radius:var(--pt-roundness-lg, 8px)}.pc_popover__content--lg:not(.pc_popover__content--no-padding){padding:var(--pt-dimension-400, 8px)}.pc_popover__content.pc_popover__content--no-padding{padding:var(--pt-dimension-0, 0px)}\n";
|
|
3
|
+
export const addPopoverCss = () => addCssToHead(`${prefix}s-popover`, cssText);
|
|
4
|
+
export const popoverCss = cssText;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const { addCssToHead, prefix } = require("@pantograph/tokens");
|
|
4
|
+
const cssText = ".pc_popover__content{border-width:var(--pt-stroke-10, 1px);--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity));--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2), 0 var(--pt-dimension-400) var(--pt-dimension-800) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow);outline:0}.pc_popover__content--sm{border-radius:var(--pt-roundness-sm, 4px)}.pc_popover__content--sm:not(.pc_popover__content--no-padding){padding:var(--pt-dimension-200, 4px)}.pc_popover__content--md{border-radius:var(--pt-roundness-md, 6px)}.pc_popover__content--md:not(.pc_popover__content--no-padding){padding:var(--pt-dimension-300, 6px)}.pc_popover__content--lg{border-radius:var(--pt-roundness-lg, 8px)}.pc_popover__content--lg:not(.pc_popover__content--no-padding){padding:var(--pt-dimension-400, 8px)}.pc_popover__content.pc_popover__content--no-padding{padding:var(--pt-dimension-0, 0px)}\n";
|
|
5
|
+
const addPopoverCss = () => addCssToHead(`${prefix}s-popover`, cssText);
|
|
6
|
+
exports.addPopoverCss = addPopoverCss;
|
|
7
|
+
exports.popoverCss = cssText;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@keyframes indeterminate-loop-ltr{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes indeterminate-loop-rtl{0%{transform:translate(100%)}to{transform:translate(-300%)}}.pc_progress{display:flex;flex-direction:column;gap:var(--pt-dimension-200, 4px)}.pc_progress.pc_progress--circle{width:fit-content;display:inline-flex;align-items:center;justify-content:center}.pc_progress.pc_progress--line{width:100%;display:flex}.pc_progress.pc_progress--progress{--ptu-text-opacity:1;color:rgba(var(--pt-primary-fill),var(--ptu-text-opacity))}.pc_progress.pc_progress--error{--ptu-text-opacity:1;color:rgba(var(--pt-danger-fill),var(--ptu-text-opacity))}.pc_progress.pc_progress--warning{--ptu-text-opacity:1;color:rgba(var(--pt-warning-fill),var(--ptu-text-opacity))}.pc_progress.pc_progress--success{--ptu-text-opacity:1;color:rgba(var(--pt-success-fill),var(--ptu-text-opacity))}.pc_progress .pc_progress__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_progress .pc_progress__helper_text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_progress .pc_progress__legend{display:flex;gap:var(--pt-dimension-300, 6px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_progress .pc_progress__legend .pc_progress__legend__item{display:flex;align-items:center;gap:var(--pt-dimension-100, 2px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_progress .pc_progress__legend .pc_progress__legend__item .pc_progress__legend__item__indicator{width:var(--pt-dimension-300, 6px);height:var(--pt-dimension-300, 6px);min-width:var(--pt-dimension-300, 6px);max-width:var(--pt-dimension-300, 6px);min-height:var(--pt-dimension-300, 6px);max-height:var(--pt-dimension-300, 6px);border-radius:var(--pt-roundness-full, 88px)}.pc_progress .pc_progress__legend .pc_progress__legend__item .pc_progress__legend__item__title{--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_progress .pc_progress__legend .pc_progress__legend__item .pc_progress__legend__item__percent{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_progress .pc_progress__circle{position:relative;aspect-ratio:1/1}.pc_progress .pc_progress__circle.pc_progress__circle--2xsm{width:var(--pt-dimension-800, 16px);height:var(--pt-dimension-800, 16px);min-width:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-width:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);--ptc-progress-content-offset: var(--pt-dimension-050)}.pc_progress .pc_progress__circle.pc_progress__circle--xsm{width:var(--pt-dimension-1000, 20px);height:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);max-width:var(--pt-dimension-1000, 20px);--ptc-progress-content-offset: var(--pt-dimension-150)}.pc_progress .pc_progress__circle.pc_progress__circle--sm{width:var(--pt-dimension-1200, 24px);height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px);min-width:var(--pt-dimension-1200, 24px);max-width:var(--pt-dimension-1200, 24px);--ptc-progress-content-offset: var(--pt-dimension-200)}.pc_progress .pc_progress__circle.pc_progress__circle--md{width:var(--pt-dimension-1600, 32px);height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px);min-width:var(--pt-dimension-1600, 32px);max-width:var(--pt-dimension-1600, 32px);--ptc-progress-content-offset: var(--pt-dimension-300)}.pc_progress .pc_progress__circle.pc_progress__circle--lg{width:var(--pt-dimension-2000, 40px);height:var(--pt-dimension-2000, 40px);min-height:var(--pt-dimension-2000, 40px);max-height:var(--pt-dimension-2000, 40px);min-width:var(--pt-dimension-2000, 40px);max-width:var(--pt-dimension-2000, 40px);--ptc-progress-content-offset: var(--pt-dimension-400)}.pc_progress .pc_progress__circle .pc_progress__circle__path.pc_progress__circle__path--trail{--ptu-stroke-opacity:1;stroke:rgba(var(--pt-gray-fill-subtle),var(--ptu-stroke-opacity))}.pc_progress .pc_progress__circle .pc_progress__circle__path.pc_progress__circle__path--indeterminate{--ptu-text-opacity:1;color:rgba(var(--pt-primary-5),var(--ptu-text-opacity))}.pc_progress .pc_progress__circle .pc_progress__circle__content{position:absolute;box-sizing:border-box;aspect-ratio:1/1;overflow:hidden;--ptc-progress-circle-content-size: calc(100% - calc(var(--ptc-progress-content-offset) * 2));width:var(--ptc-progress-circle-content-size);min-width:var(--ptc-progress-circle-content-size);max-width:var(--ptc-progress-circle-content-size);top:var(--ptc-progress-content-offset);inset-inline-start:var(--ptc-progress-content-offset)}.pc_progress .pc_progress__line{box-sizing:border-box;width:100%;height:var(--pt-dimension-200, 4px);min-height:var(--pt-dimension-200, 4px);max-height:var(--pt-dimension-200, 4px);overflow:hidden;--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-fill-subtle),var(--ptu-bg-opacity))}.pc_progress .pc_progress__line:not(.pc_progress__line--not-rounded){border-radius:var(--pt-roundness-full, 88px)}.pc_progress .pc_progress__line:not(.pc_progress__line--indeterminate) .pc_progress__line__value{width:var(--pt-dimension-0, 0px);min-width:var(--pt-dimension-0, 0px)}.pc_progress .pc_progress__line.pc_progress__line--indeterminate .pc_progress__line__value{width:33.3333333333%;min-width:33.3333333333%;max-width:33.3333333333%;border-radius:var(--pt-roundness-full, 88px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity))}.pc_progress .pc_progress__line .pc_progress__line__value{box-sizing:border-box;height:100%;display:flex;overflow:hidden}.pc_progress .pc_progress__line .pc_progress__line__value .pc_progress__line__value__step{height:100%}.pc_progress:not(.pc_progress--no-transition) .pc_progress__line:not(.pc_progress__line--indeterminate) .pc_progress__line__value{transition-timing-function:linear;transition:width;transition-duration:calc(var(--ptc-progress-animation-duration) * 1s)}.pc_progress:not(.pc_progress--no-transition) .pc_progress__circle .pc_progress__circle__path:not(.pc_progress__circle__path--trail):not(.pc_progress__circle__path--indeterminate){transition-timing-function:linear;transition:stroke-dashoffset calc(var(--ptc-progress-animation-duration) * 1s),stroke-dasharray calc(var(--ptc-progress-animation-duration) * 1s),stroke calc(var(--ptc-progress-animation-duration) * 1s),stroke-width .06s calc(var(--ptc-progress-animation-duration) * 1s),opacity calc(var(--ptc-progress-animation-duration) * 1s)}.pc_progress .pc_progress__line_content{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_progress .pc_progress__line_validation_box{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_progress .pc_progress__line_validation_box .pc_progress__divider{min-height:var(--pt-dimension-400, 8px);height:var(--pt-dimension-400, 8px);max-height:var(--pt-dimension-400, 8px)}.pc_progress[dir=rtl] .pc_progress__line.pc_progress__line--indeterminate .pc_progress__line__value{animation:indeterminate-loop-rtl infinite calc(var(--ptc-progress-animation-duration) * 2s) linear}.pc_progress[dir=ltr] .pc_progress__line.pc_progress__line--indeterminate .pc_progress__line__value{animation:indeterminate-loop-ltr infinite calc(var(--ptc-progress-animation-duration) * 2s) linear}
|
package/dist/progress.js
ADDED
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { addCssToHead, prefix } from "@pantograph/tokens";
|
|
2
|
+
const cssText = "@keyframes indeterminate-loop-ltr{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes indeterminate-loop-rtl{0%{transform:translate(100%)}to{transform:translate(-300%)}}.pc_progress{display:flex;flex-direction:column;gap:var(--pt-dimension-200, 4px)}.pc_progress.pc_progress--circle{width:fit-content;display:inline-flex;align-items:center;justify-content:center}.pc_progress.pc_progress--line{width:100%;display:flex}.pc_progress.pc_progress--progress{--ptu-text-opacity:1;color:rgba(var(--pt-primary-fill),var(--ptu-text-opacity))}.pc_progress.pc_progress--error{--ptu-text-opacity:1;color:rgba(var(--pt-danger-fill),var(--ptu-text-opacity))}.pc_progress.pc_progress--warning{--ptu-text-opacity:1;color:rgba(var(--pt-warning-fill),var(--ptu-text-opacity))}.pc_progress.pc_progress--success{--ptu-text-opacity:1;color:rgba(var(--pt-success-fill),var(--ptu-text-opacity))}.pc_progress .pc_progress__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_progress .pc_progress__helper_text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_progress .pc_progress__legend{display:flex;gap:var(--pt-dimension-300, 6px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_progress .pc_progress__legend .pc_progress__legend__item{display:flex;align-items:center;gap:var(--pt-dimension-100, 2px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_progress .pc_progress__legend .pc_progress__legend__item .pc_progress__legend__item__indicator{width:var(--pt-dimension-300, 6px);height:var(--pt-dimension-300, 6px);min-width:var(--pt-dimension-300, 6px);max-width:var(--pt-dimension-300, 6px);min-height:var(--pt-dimension-300, 6px);max-height:var(--pt-dimension-300, 6px);border-radius:var(--pt-roundness-full, 88px)}.pc_progress .pc_progress__legend .pc_progress__legend__item .pc_progress__legend__item__title{--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_progress .pc_progress__legend .pc_progress__legend__item .pc_progress__legend__item__percent{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_progress .pc_progress__circle{position:relative;aspect-ratio:1/1}.pc_progress .pc_progress__circle.pc_progress__circle--2xsm{width:var(--pt-dimension-800, 16px);height:var(--pt-dimension-800, 16px);min-width:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-width:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);--ptc-progress-content-offset: var(--pt-dimension-050)}.pc_progress .pc_progress__circle.pc_progress__circle--xsm{width:var(--pt-dimension-1000, 20px);height:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);max-width:var(--pt-dimension-1000, 20px);--ptc-progress-content-offset: var(--pt-dimension-150)}.pc_progress .pc_progress__circle.pc_progress__circle--sm{width:var(--pt-dimension-1200, 24px);height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px);min-width:var(--pt-dimension-1200, 24px);max-width:var(--pt-dimension-1200, 24px);--ptc-progress-content-offset: var(--pt-dimension-200)}.pc_progress .pc_progress__circle.pc_progress__circle--md{width:var(--pt-dimension-1600, 32px);height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px);min-width:var(--pt-dimension-1600, 32px);max-width:var(--pt-dimension-1600, 32px);--ptc-progress-content-offset: var(--pt-dimension-300)}.pc_progress .pc_progress__circle.pc_progress__circle--lg{width:var(--pt-dimension-2000, 40px);height:var(--pt-dimension-2000, 40px);min-height:var(--pt-dimension-2000, 40px);max-height:var(--pt-dimension-2000, 40px);min-width:var(--pt-dimension-2000, 40px);max-width:var(--pt-dimension-2000, 40px);--ptc-progress-content-offset: var(--pt-dimension-400)}.pc_progress .pc_progress__circle .pc_progress__circle__path.pc_progress__circle__path--trail{--ptu-stroke-opacity:1;stroke:rgba(var(--pt-gray-fill-subtle),var(--ptu-stroke-opacity))}.pc_progress .pc_progress__circle .pc_progress__circle__path.pc_progress__circle__path--indeterminate{--ptu-text-opacity:1;color:rgba(var(--pt-primary-5),var(--ptu-text-opacity))}.pc_progress .pc_progress__circle .pc_progress__circle__content{position:absolute;box-sizing:border-box;aspect-ratio:1/1;overflow:hidden;--ptc-progress-circle-content-size: calc(100% - calc(var(--ptc-progress-content-offset) * 2));width:var(--ptc-progress-circle-content-size);min-width:var(--ptc-progress-circle-content-size);max-width:var(--ptc-progress-circle-content-size);top:var(--ptc-progress-content-offset);inset-inline-start:var(--ptc-progress-content-offset)}.pc_progress .pc_progress__line{box-sizing:border-box;width:100%;height:var(--pt-dimension-200, 4px);min-height:var(--pt-dimension-200, 4px);max-height:var(--pt-dimension-200, 4px);overflow:hidden;--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-fill-subtle),var(--ptu-bg-opacity))}.pc_progress .pc_progress__line:not(.pc_progress__line--not-rounded){border-radius:var(--pt-roundness-full, 88px)}.pc_progress .pc_progress__line:not(.pc_progress__line--indeterminate) .pc_progress__line__value{width:var(--pt-dimension-0, 0px);min-width:var(--pt-dimension-0, 0px)}.pc_progress .pc_progress__line.pc_progress__line--indeterminate .pc_progress__line__value{width:33.3333333333%;min-width:33.3333333333%;max-width:33.3333333333%;border-radius:var(--pt-roundness-full, 88px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity))}.pc_progress .pc_progress__line .pc_progress__line__value{box-sizing:border-box;height:100%;display:flex;overflow:hidden}.pc_progress .pc_progress__line .pc_progress__line__value .pc_progress__line__value__step{height:100%}.pc_progress:not(.pc_progress--no-transition) .pc_progress__line:not(.pc_progress__line--indeterminate) .pc_progress__line__value{transition-timing-function:linear;transition:width;transition-duration:calc(var(--ptc-progress-animation-duration) * 1s)}.pc_progress:not(.pc_progress--no-transition) .pc_progress__circle .pc_progress__circle__path:not(.pc_progress__circle__path--trail):not(.pc_progress__circle__path--indeterminate){transition-timing-function:linear;transition:stroke-dashoffset calc(var(--ptc-progress-animation-duration) * 1s),stroke-dasharray calc(var(--ptc-progress-animation-duration) * 1s),stroke calc(var(--ptc-progress-animation-duration) * 1s),stroke-width .06s calc(var(--ptc-progress-animation-duration) * 1s),opacity calc(var(--ptc-progress-animation-duration) * 1s)}.pc_progress .pc_progress__line_content{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_progress .pc_progress__line_validation_box{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_progress .pc_progress__line_validation_box .pc_progress__divider{min-height:var(--pt-dimension-400, 8px);height:var(--pt-dimension-400, 8px);max-height:var(--pt-dimension-400, 8px)}.pc_progress[dir=rtl] .pc_progress__line.pc_progress__line--indeterminate .pc_progress__line__value{animation:indeterminate-loop-rtl infinite calc(var(--ptc-progress-animation-duration) * 2s) linear}.pc_progress[dir=ltr] .pc_progress__line.pc_progress__line--indeterminate .pc_progress__line__value{animation:indeterminate-loop-ltr infinite calc(var(--ptc-progress-animation-duration) * 2s) linear}\n";
|
|
3
|
+
export const addProgressCss = () => addCssToHead(`${prefix}s-progress`, cssText);
|
|
4
|
+
export const progressCss = cssText;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const { addCssToHead, prefix } = require("@pantograph/tokens");
|
|
4
|
+
const cssText = "@keyframes indeterminate-loop-ltr{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes indeterminate-loop-rtl{0%{transform:translate(100%)}to{transform:translate(-300%)}}.pc_progress{display:flex;flex-direction:column;gap:var(--pt-dimension-200, 4px)}.pc_progress.pc_progress--circle{width:fit-content;display:inline-flex;align-items:center;justify-content:center}.pc_progress.pc_progress--line{width:100%;display:flex}.pc_progress.pc_progress--progress{--ptu-text-opacity:1;color:rgba(var(--pt-primary-fill),var(--ptu-text-opacity))}.pc_progress.pc_progress--error{--ptu-text-opacity:1;color:rgba(var(--pt-danger-fill),var(--ptu-text-opacity))}.pc_progress.pc_progress--warning{--ptu-text-opacity:1;color:rgba(var(--pt-warning-fill),var(--ptu-text-opacity))}.pc_progress.pc_progress--success{--ptu-text-opacity:1;color:rgba(var(--pt-success-fill),var(--ptu-text-opacity))}.pc_progress .pc_progress__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_progress .pc_progress__helper_text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_progress .pc_progress__legend{display:flex;gap:var(--pt-dimension-300, 6px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_progress .pc_progress__legend .pc_progress__legend__item{display:flex;align-items:center;gap:var(--pt-dimension-100, 2px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_progress .pc_progress__legend .pc_progress__legend__item .pc_progress__legend__item__indicator{width:var(--pt-dimension-300, 6px);height:var(--pt-dimension-300, 6px);min-width:var(--pt-dimension-300, 6px);max-width:var(--pt-dimension-300, 6px);min-height:var(--pt-dimension-300, 6px);max-height:var(--pt-dimension-300, 6px);border-radius:var(--pt-roundness-full, 88px)}.pc_progress .pc_progress__legend .pc_progress__legend__item .pc_progress__legend__item__title{--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_progress .pc_progress__legend .pc_progress__legend__item .pc_progress__legend__item__percent{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_progress .pc_progress__circle{position:relative;aspect-ratio:1/1}.pc_progress .pc_progress__circle.pc_progress__circle--2xsm{width:var(--pt-dimension-800, 16px);height:var(--pt-dimension-800, 16px);min-width:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-width:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);--ptc-progress-content-offset: var(--pt-dimension-050)}.pc_progress .pc_progress__circle.pc_progress__circle--xsm{width:var(--pt-dimension-1000, 20px);height:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);max-width:var(--pt-dimension-1000, 20px);--ptc-progress-content-offset: var(--pt-dimension-150)}.pc_progress .pc_progress__circle.pc_progress__circle--sm{width:var(--pt-dimension-1200, 24px);height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px);min-width:var(--pt-dimension-1200, 24px);max-width:var(--pt-dimension-1200, 24px);--ptc-progress-content-offset: var(--pt-dimension-200)}.pc_progress .pc_progress__circle.pc_progress__circle--md{width:var(--pt-dimension-1600, 32px);height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px);min-width:var(--pt-dimension-1600, 32px);max-width:var(--pt-dimension-1600, 32px);--ptc-progress-content-offset: var(--pt-dimension-300)}.pc_progress .pc_progress__circle.pc_progress__circle--lg{width:var(--pt-dimension-2000, 40px);height:var(--pt-dimension-2000, 40px);min-height:var(--pt-dimension-2000, 40px);max-height:var(--pt-dimension-2000, 40px);min-width:var(--pt-dimension-2000, 40px);max-width:var(--pt-dimension-2000, 40px);--ptc-progress-content-offset: var(--pt-dimension-400)}.pc_progress .pc_progress__circle .pc_progress__circle__path.pc_progress__circle__path--trail{--ptu-stroke-opacity:1;stroke:rgba(var(--pt-gray-fill-subtle),var(--ptu-stroke-opacity))}.pc_progress .pc_progress__circle .pc_progress__circle__path.pc_progress__circle__path--indeterminate{--ptu-text-opacity:1;color:rgba(var(--pt-primary-5),var(--ptu-text-opacity))}.pc_progress .pc_progress__circle .pc_progress__circle__content{position:absolute;box-sizing:border-box;aspect-ratio:1/1;overflow:hidden;--ptc-progress-circle-content-size: calc(100% - calc(var(--ptc-progress-content-offset) * 2));width:var(--ptc-progress-circle-content-size);min-width:var(--ptc-progress-circle-content-size);max-width:var(--ptc-progress-circle-content-size);top:var(--ptc-progress-content-offset);inset-inline-start:var(--ptc-progress-content-offset)}.pc_progress .pc_progress__line{box-sizing:border-box;width:100%;height:var(--pt-dimension-200, 4px);min-height:var(--pt-dimension-200, 4px);max-height:var(--pt-dimension-200, 4px);overflow:hidden;--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-fill-subtle),var(--ptu-bg-opacity))}.pc_progress .pc_progress__line:not(.pc_progress__line--not-rounded){border-radius:var(--pt-roundness-full, 88px)}.pc_progress .pc_progress__line:not(.pc_progress__line--indeterminate) .pc_progress__line__value{width:var(--pt-dimension-0, 0px);min-width:var(--pt-dimension-0, 0px)}.pc_progress .pc_progress__line.pc_progress__line--indeterminate .pc_progress__line__value{width:33.3333333333%;min-width:33.3333333333%;max-width:33.3333333333%;border-radius:var(--pt-roundness-full, 88px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity))}.pc_progress .pc_progress__line .pc_progress__line__value{box-sizing:border-box;height:100%;display:flex;overflow:hidden}.pc_progress .pc_progress__line .pc_progress__line__value .pc_progress__line__value__step{height:100%}.pc_progress:not(.pc_progress--no-transition) .pc_progress__line:not(.pc_progress__line--indeterminate) .pc_progress__line__value{transition-timing-function:linear;transition:width;transition-duration:calc(var(--ptc-progress-animation-duration) * 1s)}.pc_progress:not(.pc_progress--no-transition) .pc_progress__circle .pc_progress__circle__path:not(.pc_progress__circle__path--trail):not(.pc_progress__circle__path--indeterminate){transition-timing-function:linear;transition:stroke-dashoffset calc(var(--ptc-progress-animation-duration) * 1s),stroke-dasharray calc(var(--ptc-progress-animation-duration) * 1s),stroke calc(var(--ptc-progress-animation-duration) * 1s),stroke-width .06s calc(var(--ptc-progress-animation-duration) * 1s),opacity calc(var(--ptc-progress-animation-duration) * 1s)}.pc_progress .pc_progress__line_content{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_progress .pc_progress__line_validation_box{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_progress .pc_progress__line_validation_box .pc_progress__divider{min-height:var(--pt-dimension-400, 8px);height:var(--pt-dimension-400, 8px);max-height:var(--pt-dimension-400, 8px)}.pc_progress[dir=rtl] .pc_progress__line.pc_progress__line--indeterminate .pc_progress__line__value{animation:indeterminate-loop-rtl infinite calc(var(--ptc-progress-animation-duration) * 2s) linear}.pc_progress[dir=ltr] .pc_progress__line.pc_progress__line--indeterminate .pc_progress__line__value{animation:indeterminate-loop-ltr infinite calc(var(--ptc-progress-animation-duration) * 2s) linear}\n";
|
|
5
|
+
const addProgressCss = () => addCssToHead(`${prefix}s-progress`, cssText);
|
|
6
|
+
exports.addProgressCss = addProgressCss;
|
|
7
|
+
exports.progressCss = cssText;
|
package/dist/radio.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pc_radio_group{display:flex;gap:var(--pt-dimension-400, 8px)}.pc_radio_group.pc_radio_group--vertical{display:flex;flex-direction:column}.pc_radio_group.pc_radio_group--horizontal{flex-direction:row}.pc_radio_group.pc_radio_group--2xsm{--ptc-radio-size: var(--pt-dimension-800);--ptc-radio-indicator-size: var(--pt-dimension-400)}.pc_radio_group.pc_radio_group--2xsm .pc_radio_group__item+.pc_radio_group__item__label{margin-inline-start:var(--pt-dimension-200, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_radio_group.pc_radio_group--xsm{--ptc-radio-size: var(--pt-dimension-1000);--ptc-radio-indicator-size: var(--pt-dimension-500)}.pc_radio_group.pc_radio_group--xsm .pc_radio_group__item+.pc_radio_group__item__label{margin-inline-start:var(--pt-dimension-300, 6px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_radio_group .pc_radio_group__item__root{width:fit-content;height:fit-content;display:flex;align-items:center;caret-color:transparent}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item{box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:var(--pt-roundness-full, 88px);caret-color:transparent;outline:0;width:var(--ptc-radio-size);min-width:var(--ptc-radio-size);max-width:var(--ptc-radio-size);height:var(--ptc-radio-size);min-height:var(--ptc-radio-size);max-height:var(--ptc-radio-size)}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item .pc_radio_group__item__indicator{box-sizing:border-box;display:block;border-radius:var(--pt-roundness-full, 88px);caret-color:transparent;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;transition-property:all;width:var(--ptc-radio-indicator-size);min-width:var(--ptc-radio-indicator-size);max-width:var(--ptc-radio-indicator-size);height:var(--ptc-radio-indicator-size);min-height:var(--ptc-radio-indicator-size);max-height:var(--ptc-radio-indicator-size)}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item:not(:disabled){cursor:pointer}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item:not(:disabled) .pc_radio_group__item__indicator{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity))}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item:not(:disabled)[data-state=checked]{border-width:var(--pt-stroke-0, 0px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity))}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item:not(:disabled)[data-state=checked]:hover{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-6),var(--ptu-bg-opacity))}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item:not(:disabled)[data-state=checked]:active{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-7),var(--ptu-bg-opacity))}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item:not(:disabled)[data-state=unchecked]{border-width:1px;border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity))}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item:not(:disabled)[data-state=unchecked]:hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-3),var(--ptu-border-opacity))}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item:not(:disabled)[data-state=unchecked]:active{--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-4),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-2),var(--ptu-bg-opacity))}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item:not(:disabled)[data-state=unchecked]:focus{--ptu-border-opacity:1;border-color:rgba(var(--pt-primary-6),var(--ptu-border-opacity))}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item:not(:disabled)+.pc_radio_group__item__label{--ptc-radio-label-color: rgba(var(--pt-gray-8))}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item:not(:disabled):hover+.pc_radio_group__item__label{--ptc-radio-label-color: rgba(var(--pt-gray-9))}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item:not(:disabled):active+.pc_radio_group__item__label{--ptc-radio-label-color: rgba(var(--pt-gray-10))}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item:not(:disabled):focus{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item:disabled{cursor:not-allowed}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item:disabled+.pc_radio_group__item__label{cursor:not-allowed;--ptc-radio-label-color: rgba(var(--pt-gray-4))}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item:disabled[data-state=checked]{border-style:none;--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-2),var(--ptu-bg-opacity))}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item:disabled[data-state=checked] .pc_radio_group__item__indicator{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity))}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item:disabled[data-state=unchecked]{border-width:1px;border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-1),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-05),var(--ptu-bg-opacity))}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item+.pc_radio_group__item__label{cursor:pointer;color:var(--ptc-radio-label-color)}
|
package/dist/radio.d.ts
ADDED
package/dist/radio.js
ADDED
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { addCssToHead, prefix } from "@pantograph/tokens";
|
|
2
|
+
const cssText = ".pc_radio_group{display:flex;gap:var(--pt-dimension-400, 8px)}.pc_radio_group.pc_radio_group--vertical{display:flex;flex-direction:column}.pc_radio_group.pc_radio_group--horizontal{flex-direction:row}.pc_radio_group.pc_radio_group--2xsm{--ptc-radio-size: var(--pt-dimension-800);--ptc-radio-indicator-size: var(--pt-dimension-400)}.pc_radio_group.pc_radio_group--2xsm .pc_radio_group__item+.pc_radio_group__item__label{margin-inline-start:var(--pt-dimension-200, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_radio_group.pc_radio_group--xsm{--ptc-radio-size: var(--pt-dimension-1000);--ptc-radio-indicator-size: var(--pt-dimension-500)}.pc_radio_group.pc_radio_group--xsm .pc_radio_group__item+.pc_radio_group__item__label{margin-inline-start:var(--pt-dimension-300, 6px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_radio_group .pc_radio_group__item__root{width:fit-content;height:fit-content;display:flex;align-items:center;caret-color:transparent}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item{box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:var(--pt-roundness-full, 88px);caret-color:transparent;outline:0;width:var(--ptc-radio-size);min-width:var(--ptc-radio-size);max-width:var(--ptc-radio-size);height:var(--ptc-radio-size);min-height:var(--ptc-radio-size);max-height:var(--ptc-radio-size)}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item .pc_radio_group__item__indicator{box-sizing:border-box;display:block;border-radius:var(--pt-roundness-full, 88px);caret-color:transparent;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;transition-property:all;width:var(--ptc-radio-indicator-size);min-width:var(--ptc-radio-indicator-size);max-width:var(--ptc-radio-indicator-size);height:var(--ptc-radio-indicator-size);min-height:var(--ptc-radio-indicator-size);max-height:var(--ptc-radio-indicator-size)}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item:not(:disabled){cursor:pointer}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item:not(:disabled) .pc_radio_group__item__indicator{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity))}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item:not(:disabled)[data-state=checked]{border-width:var(--pt-stroke-0, 0px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity))}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item:not(:disabled)[data-state=checked]:hover{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-6),var(--ptu-bg-opacity))}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item:not(:disabled)[data-state=checked]:active{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-7),var(--ptu-bg-opacity))}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item:not(:disabled)[data-state=unchecked]{border-width:1px;border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity))}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item:not(:disabled)[data-state=unchecked]:hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-3),var(--ptu-border-opacity))}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item:not(:disabled)[data-state=unchecked]:active{--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-4),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-2),var(--ptu-bg-opacity))}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item:not(:disabled)[data-state=unchecked]:focus{--ptu-border-opacity:1;border-color:rgba(var(--pt-primary-6),var(--ptu-border-opacity))}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item:not(:disabled)+.pc_radio_group__item__label{--ptc-radio-label-color: rgba(var(--pt-gray-8))}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item:not(:disabled):hover+.pc_radio_group__item__label{--ptc-radio-label-color: rgba(var(--pt-gray-9))}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item:not(:disabled):active+.pc_radio_group__item__label{--ptc-radio-label-color: rgba(var(--pt-gray-10))}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item:not(:disabled):focus{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item:disabled{cursor:not-allowed}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item:disabled+.pc_radio_group__item__label{cursor:not-allowed;--ptc-radio-label-color: rgba(var(--pt-gray-4))}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item:disabled[data-state=checked]{border-style:none;--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-2),var(--ptu-bg-opacity))}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item:disabled[data-state=checked] .pc_radio_group__item__indicator{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity))}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item:disabled[data-state=unchecked]{border-width:1px;border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-1),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-05),var(--ptu-bg-opacity))}.pc_radio_group .pc_radio_group__item__root .pc_radio_group__item+.pc_radio_group__item__label{cursor:pointer;color:var(--ptc-radio-label-color)}\n";
|
|
3
|
+
export const addRadioCss = () => addCssToHead(`${prefix}s-radio`, cssText);
|
|
4
|
+
export const radioCss = cssText;
|