@opentiny/vue-theme-saas 3.24.0 → 3.25.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/autocomplete/index.css +1 -1
- package/button/index.css +1 -1
- package/cascader/index.css +1 -1
- package/checkbox/index.css +1 -1
- package/collapse-item/index.css +1 -1
- package/date-panel/index.css +1 -1
- package/dropdown-menu/index.css +1 -1
- package/file-upload/index.css +1 -1
- package/grid/index.css +1 -1
- package/index.css +1 -1
- package/input/index.css +1 -1
- package/modal/index.css +1 -1
- package/notify/index.css +1 -1
- package/option/index.css +1 -1
- package/package.json +1 -1
- package/popover/index.css +1 -1
- package/search/index.css +1 -1
- package/select/index.css +1 -1
- package/select-dropdown/index.css +1 -1
- package/svgs/acceptance.svg +7 -0
- package/svgs/badge-hot-cn.svg +6 -0
- package/svgs/badge-hot-en.svg +6 -0
- package/svgs/badge-new-cn.svg +8 -0
- package/svgs/badge-new-en.svg +6 -0
- package/svgs/delegated-processing.svg +4 -0
- package/svgs/payment-slips.svg +12 -0
- package/svgs/performance.svg +10 -0
- package/svgs/pushpin-solid.svg +11 -7
- package/svgs/pushpin.svg +14 -7
- package/tabs/index.css +1 -1
- package/tag/index.css +1 -1
- package/textarea/index.css +1 -1
- package/theme/theme.json +15 -4
- package/time-panel/index.css +1 -1
- package/tooltip/index.css +1 -1
- package/tree/index.css +1 -1
- package/tree-menu/index.css +1 -1
package/autocomplete/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-autocomplete{position:relative;display:inline-block;width:100%}.tiny-autocomplete.show-auto-width{width:100%}.tiny-autocomplete-suggestion{border-radius:var(--tiny-borderRadius-DEFAULT,.25rem);background-color:var(--tiny-color-bg-1,#fff);-webkit-box-sizing:border-box;box-sizing:border-box;--tw-shadow:var(--tiny-boxShadow-md,
|
|
1
|
+
.tiny-autocomplete{position:relative;display:inline-block;width:100%}.tiny-autocomplete.show-auto-width{width:100%}.tiny-autocomplete-suggestion{border-radius:var(--tiny-borderRadius-DEFAULT,.25rem);background-color:var(--tiny-color-bg-1,#fff);-webkit-box-sizing:border-box;box-sizing:border-box;--tw-shadow:var(--tiny-boxShadow-md, 1px 4px 12px 0px rgba(0, 0, 0, 0.16));--tw-shadow-colored:1px 4px 12px 0px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);-webkit-box-shadow:var(--tiny-boxShadow-md,1px 4px 12px 0 rgba(0,0,0,.16));box-shadow:var(--tiny-boxShadow-md,1px 4px 12px 0 rgba(0,0,0,.16))}.tiny-autocomplete-suggestion .tiny-scrollbar{border-radius:var(--tiny-borderRadius-DEFAULT,.25rem);padding-top:var(--tiny-spacing-1,.25rem)}.tiny-autocomplete-suggestion__wrap{max-height:var(--tiny-spacing-72,18rem);-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-autocomplete-suggestion__wrap{margin-bottom:-17px!important;padding-bottom:var(--tiny-spacing-1_5,.375rem)}}.tiny-autocomplete-suggestion__list{margin:var(--tiny-spacing-0,0);padding:var(--tiny-spacing-0,0)}.tiny-autocomplete-suggestion .tiny-autocomplete-suggestion__list-item{padding-top:var(--tiny-spacing-0,0);padding-bottom:var(--tiny-spacing-0,0);padding-left:var(--tiny-spacing-3,.75rem);padding-right:var(--tiny-spacing-3,.75rem);margin:var(--tiny-spacing-0,0);line-height:var(--tiny-lineHeight-8,2rem);color:var(--tiny-color-text-primary,#191919);font-size:var(--tiny-fontSize-xs,.75rem);list-style-type:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.tiny-autocomplete-suggestion .tiny-autocomplete-suggestion__list-item.highlighted,.tiny-autocomplete-suggestion .tiny-autocomplete-suggestion__list-item:hover{background-color:var(--tiny-color-bg-3,#f3f3f3)}.tiny-autocomplete-suggestion .tiny-autocomplete-suggestion__list-item.divider{margin-top:var(--tiny-spacing-1_5,.375rem);border-top-width:var(--tiny-borderWidth-DEFAULT,1px);border-top-color:var(--tiny-color-border,#c9c9c9)}.tiny-autocomplete-suggestion .tiny-autocomplete-suggestion__list-item.divider:last-child{margin-bottom:calc(var(--tiny-spacing-1_5,.375rem) * -1)}.tiny-autocomplete-suggestion .tiny-autocomplete-suggestion__list-item:only-of-type,.tiny-autocomplete-suggestion .tiny-autocomplete-suggestion__list-item:only-of-type:hover{background-color:var(--tiny-color-bg-3,#f3f3f3)}.tiny-autocomplete-suggestion.is-loading .tiny-autocomplete-suggestion__list-loading{text-align:center;height:var(--tiny-spacing-8,2rem);line-height:var(--tiny-lineHeight-8,2rem);font-size:var(--tiny-fontSize-xl,1.25rem)}.tiny-autocomplete-suggestion.is-loading .tiny-autocomplete-suggestion__list-loading svg{fill:var(--tiny-color-brand,#0067d1)}.tiny-autocomplete-suggestion.is-loading .tiny-autocomplete-suggestion__list-loading::after{display:inline-block;--tw-content:'';content:var(--tw-content);height:100%;vertical-align:middle}.tiny-autocomplete-suggestion.is-loading .tiny-autocomplete-suggestion__list-loading:hover{background-color:var(--tiny-color-bg-1,#fff)}.tiny-autocomplete-suggestion.is-loading .tiny-icon-loading{vertical-align:middle}.tiny-autocomplete-suggestion.tiny-popper[x-placement^=bottom]{margin-top:var(--tiny-spacing-0_5,.125rem)}
|
package/button/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-button{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:var(--tiny-spacing-18,4.5rem);max-width:var(--tiny-spacing-36,9rem);height:var(--tiny-spacing-7,1.75rem);line-height:calc(var(--tiny-spacing-7,1.75rem) - 2 * var(--tiny-borderWidth-DEFAULT,1px));color:var(--tiny-color-text-primary,#191919);fill:var(--tiny-color-text-primary,#191919);font-size:var(--tiny-fontSize-sm,.875rem);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-width:var(--tiny-borderWidth-DEFAULT,1px);border-style:solid;border-color:var(--tiny-color-border,#c9c9c9);-o-border-image:initial;border-image:initial;border-radius:var(--tiny-borderRadius-DEFAULT,.25rem);background-color:var(--tiny-color-bg-1,#fff);padding-top:var(--tiny-spacing-0,0);padding-bottom:var(--tiny-spacing-0,0);padding-left:var(--tiny-spacing-3,.75rem);padding-right:var(--tiny-spacing-3,.75rem);overflow:hidden;-webkit-transition:border .3s ease 0s,color .3s ease 0s,background .3s ease 0s;transition:border .3s ease 0s,color .3s ease 0s,background .3s ease 0s;outline-width:0}.tiny-button .tiny-svg{vertical-align:middle;font-size:var(--tiny-fontSize-base,1rem);margin-top:calc(var(--tiny-spacing-0_5,.125rem) * -1)}.tiny-button>img{margin-right:var(--tiny-spacing-1,.25rem);vertical-align:middle;display:inline-block}.tiny-button::-moz-focus-inner{border-width:var(--tiny-borderWidth-0,0)}.tiny-button:focus,.tiny-button:hover{color:var(--tiny-color-text-primary,#191919);fill:var(--tiny-color-text-primary,#191919);border-color:var(--tiny-color-text-primary,#191919);background-color:var(--tiny-color-bg-1,#fff)}.tiny-button.is-active,.tiny-button:active{color:var(--tiny-color-text-primary,#191919);fill:var(--tiny-color-text-primary,#191919);border-color:var(--tiny-color-brand-active,#004ea8);background-color:var(--tiny-color-bg-1,#fff)}.tiny-button.is-plain:hover{color:var(--tiny-color-text-primary,#191919);fill:var(--tiny-color-text-primary,#191919);border-color:var(--tiny-color-text-primary,#191919);background-color:var(--tiny-color-bg-1,#fff)}.tiny-button.is-plain:active,.tiny-button.is-plain:focus{color:var(--tiny-color-text-primary,#191919);fill:var(--tiny-color-text-primary,#191919);border-color:var(--tiny-color-brand-active,#004ea8);background-color:var(--tiny-color-bg-1,#fff)}.tiny-button.is-disabled,.tiny-button.is-disabled:focus,.tiny-button.is-disabled:hover{cursor:not-allowed;color:var(--tiny-color-text-disabled,#aeaeae);fill:var(--tiny-color-text-disabled,#aeaeae);border-color:var(--tiny-color-border-disabled,#f3f3f3);background-color:var(--tiny-color-bg-4,#f3f3f3)}.tiny-button.is-disabled.is-plain,.tiny-button.is-disabled.is-plain:focus,.tiny-button.is-disabled.is-plain:hover{color:var(--tiny-color-text-disabled,#aeaeae);fill:var(--tiny-color-text-disabled,#aeaeae);border-color:var(--tiny-color-border-disabled,#f3f3f3);background-color:var(--tiny-color-bg-1,#fff)}.tiny-button+.tiny-button{margin-left:var(--tiny-spacing-2,.5rem)}.tiny-button.is-loading{position:relative;pointer-events:none;overflow:initial}.tiny-button.is-loading:before{pointer-events:none;--tw-content:'';content:var(--tw-content);position:absolute;left:calc(var(--tiny-spacing-px,.0625rem) * -1);top:calc(var(--tiny-spacing-px,.0625rem) * -1);right:calc(var(--tiny-spacing-px,.0625rem) * -1);bottom:calc(var(--tiny-spacing-px,.0625rem) * -1);border-radius:inherit;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-bg-opacity:0.35}.tiny-button.is-loading .tiny-svg{fill:var(--tiny-color-icon-inverse,#fff)}.tiny-button.is-loading.tiny-button--default .tiny-svg{fill:var(--tiny-color-brand,#0067d1)}.tiny-button.is-round{border-radius:var(--tiny-borderRadius-2xl,1rem)}.tiny-button.is-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-button.is-only-icon{-webkit-box-sizing:border-box;box-sizing:border-box;min-width:auto;max-width:initial;line-height:inherit;height:var(--tiny-spacing-4,1rem);background-color:transparent;border-width:var(--tiny-borderWidth-0,0);padding:var(--tiny-spacing-0,0)}.tiny-button.is-only-icon:hover{fill:var(--tiny-color-brand-hover,#2e86de);color:var(--tiny-color-brand-hover,#2e86de)}.tiny-button.is-only-icon:focus{fill:var(--tiny-color-brand-focus,#0067d1);color:var(--tiny-color-brand-focus,#0067d1)}.tiny-button.is-only-icon:active{fill:var(--tiny-color-brand-active,#004ea8);color:var(--tiny-color-brand-active,#004ea8)}.tiny-button.is-only-icon.is-disabled:hover{fill:var(--tiny-color-text-disabled,#aeaeae);color:var(--tiny-color-text-disabled,#aeaeae);background-color:transparent}.tiny-button:not(.is-circle) .tiny-svg.is-text{margin-right:var(--tiny-spacing-1,.25rem)}.tiny-button:not(.is-circle).is-loading .tiny-svg{margin-right:var(--tiny-spacing-1,.25rem)}.tiny-button.is-circle{border-radius:var(--tiny-borderRadius-full,126rem);min-width:30px;min-height:30px;line-height:var(--tiny-lineHeight-none,1);padding:var(--tiny-spacing-1_5,.375rem)}.tiny-button.is-circle>svg{font-size:var(--tiny-fontSize-sm,.875rem)}.tiny-button.is-circle.tiny-button--large{min-width:48px;min-height:48px;height:auto;line-height:var(--tiny-lineHeight-none,1);padding:16px}.tiny-button.is-circle.tiny-button--large>svg{font-size:16px}.tiny-button.is-circle.tiny-button--medium{min-width:32px;min-height:32px;height:auto;line-height:var(--tiny-lineHeight-none,1);padding:12px}.tiny-button.is-circle.tiny-button--medium>svg{font-size:14px}.tiny-button.is-circle.tiny-button--small{min-width:24px;min-height:24px;height:auto;line-height:var(--tiny-lineHeight-none,1);padding:8px}.tiny-button.is-circle.tiny-button--small>svg{font-size:12px}.tiny-button.is-circle.tiny-button--mini{min-width:24px;min-height:24px;height:auto;line-height:var(--tiny-lineHeight-none,1);padding:8px}.tiny-button.is-circle.tiny-button--mini>svg{font-size:12px}.tiny-button.tiny-button--primary{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:var(--tiny-color-brand,#0067d1);background-color:var(--tiny-color-brand,#0067d1)}.tiny-button.tiny-button--primary:hover{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:var(--tiny-color-brand-hover,#2e86de);background-color:var(--tiny-color-brand-hover,#2e86de)}.tiny-button.tiny-button--primary.is-active,.tiny-button.tiny-button--primary:active,.tiny-button.tiny-button--primary:focus{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:var(--tiny-color-brand-active,#004ea8);background-color:var(--tiny-color-brand-active,#004ea8);outline-width:0}.tiny-button.tiny-button--primary.is-disabled,.tiny-button.tiny-button--primary.is-disabled:active,.tiny-button.tiny-button--primary.is-disabled:focus,.tiny-button.tiny-button--primary.is-disabled:hover{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:transparent;background-color:var(--tiny-color-brand-disabled,#b8d9f9)}.tiny-button.tiny-button--primary.is-plain{color:var(--tiny-color-brand,#0067d1);fill:var(--tiny-color-brand,#0067d1);border-color:var(--tiny-color-brand,#0067d1);background-color:var(--tiny-color-bg-1,#fff)}.tiny-button.tiny-button--primary.is-plain:hover{color:var(--tiny-color-brand-hover,#2e86de);fill:var(--tiny-color-brand-hover,#2e86de);border-color:var(--tiny-color-brand-hover,#2e86de)}.tiny-button.tiny-button--primary.is-plain.is-active,.tiny-button.tiny-button--primary.is-plain:active,.tiny-button.tiny-button--primary.is-plain:focus{color:var(--tiny-color-brand-active,#004ea8);fill:var(--tiny-color-brand-active,#004ea8);border-color:var(--tiny-color-brand-active,#004ea8);outline-width:0}.tiny-button.tiny-button--primary.is-plain.is-disabled,.tiny-button.tiny-button--primary.is-plain.is-disabled:active,.tiny-button.tiny-button--primary.is-plain.is-disabled:focus,.tiny-button.tiny-button--primary.is-plain.is-disabled:hover{color:var(--tiny-color-brand-disabled,#b8d9f9);fill:var(--tiny-color-brand-disabled,#b8d9f9);border-color:var(--tiny-color-brand-disabled,#b8d9f9);background-color:var(--tiny-color-bg-1,#fff)}.tiny-button.tiny-button--success{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:var(--tiny-color-success,#09aa71);background-color:var(--tiny-color-success,#09aa71)}.tiny-button.tiny-button--success:hover{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:var(--tiny-color-success-hover,#36c18d);background-color:var(--tiny-color-success-hover,#36c18d)}.tiny-button.tiny-button--success.is-active,.tiny-button.tiny-button--success:active,.tiny-button.tiny-button--success:focus{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:var(--tiny-color-success-active,#058358);background-color:var(--tiny-color-success-active,#058358);outline-width:0}.tiny-button.tiny-button--success.is-disabled,.tiny-button.tiny-button--success.is-disabled:active,.tiny-button.tiny-button--success.is-disabled:focus,.tiny-button.tiny-button--success.is-disabled:hover{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:transparent;background-color:var(--tiny-color-success-disabled,#bcf2db)}.tiny-button.tiny-button--success.is-plain{color:var(--tiny-color-success,#09aa71);fill:var(--tiny-color-success,#09aa71);border-color:var(--tiny-color-success,#09aa71);background-color:var(--tiny-color-bg-1,#fff)}.tiny-button.tiny-button--success.is-plain:hover{color:var(--tiny-color-success-hover,#36c18d);fill:var(--tiny-color-success-hover,#36c18d);border-color:var(--tiny-color-success-hover,#36c18d)}.tiny-button.tiny-button--success.is-plain.is-active,.tiny-button.tiny-button--success.is-plain:active,.tiny-button.tiny-button--success.is-plain:focus{color:var(--tiny-color-success-active,#058358);fill:var(--tiny-color-success-active,#058358);border-color:var(--tiny-color-success-active,#058358);outline-width:0}.tiny-button.tiny-button--success.is-plain.is-disabled,.tiny-button.tiny-button--success.is-plain.is-disabled:active,.tiny-button.tiny-button--success.is-plain.is-disabled:focus,.tiny-button.tiny-button--success.is-plain.is-disabled:hover{color:var(--tiny-color-success-disabled,#bcf2db);fill:var(--tiny-color-success-disabled,#bcf2db);border-color:var(--tiny-color-success-disabled,#bcf2db);background-color:var(--tiny-color-bg-1,#fff)}.tiny-button.tiny-button--warning{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:var(--tiny-color-warning,#fcc800);background-color:var(--tiny-color-warning,#fcc800)}.tiny-button.tiny-button--warning:hover{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:var(--tiny-color-warning-hover,#fcd72e);background-color:var(--tiny-color-warning-hover,#fcd72e)}.tiny-button.tiny-button--warning.is-active,.tiny-button.tiny-button--warning:active,.tiny-button.tiny-button--warning:focus{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:var(--tiny-color-warning-active,#d19f00);background-color:var(--tiny-color-warning-active,#d19f00);outline-width:0}.tiny-button.tiny-button--warning.is-disabled,.tiny-button.tiny-button--warning.is-disabled:active,.tiny-button.tiny-button--warning.is-disabled:focus,.tiny-button.tiny-button--warning.is-disabled:hover{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:transparent;background-color:var(--tiny-color-warning-disabled,#fef8b8)}.tiny-button.tiny-button--warning.is-plain{color:var(--tiny-color-warning,#fcc800);fill:var(--tiny-color-warning,#fcc800);border-color:var(--tiny-color-warning,#fcc800);background-color:var(--tiny-color-bg-1,#fff)}.tiny-button.tiny-button--warning.is-plain:hover{color:var(--tiny-color-warning-hover,#fcd72e);fill:var(--tiny-color-warning-hover,#fcd72e);border-color:var(--tiny-color-warning-hover,#fcd72e)}.tiny-button.tiny-button--warning.is-plain.is-active,.tiny-button.tiny-button--warning.is-plain:active,.tiny-button.tiny-button--warning.is-plain:focus{color:var(--tiny-color-warning-active,#d19f00);fill:var(--tiny-color-warning-active,#d19f00);border-color:var(--tiny-color-warning-active,#d19f00);outline-width:0}.tiny-button.tiny-button--warning.is-plain.is-disabled,.tiny-button.tiny-button--warning.is-plain.is-disabled:active,.tiny-button.tiny-button--warning.is-plain.is-disabled:focus,.tiny-button.tiny-button--warning.is-plain.is-disabled:hover{color:var(--tiny-color-warning-disabled,#fef8b8);fill:var(--tiny-color-warning-disabled,#fef8b8);border-color:var(--tiny-color-warning-disabled,#fef8b8);background-color:var(--tiny-color-bg-1,#fff)}.tiny-button.tiny-button--danger{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:var(--tiny-color-error,#e02128);background-color:var(--tiny-color-error,#e02128)}.tiny-button.tiny-button--danger:hover{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:var(--tiny-color-error-hover,#e7434a);background-color:var(--tiny-color-error-hover,#e7434a)}.tiny-button.tiny-button--danger.is-active,.tiny-button.tiny-button--danger:active,.tiny-button.tiny-button--danger:focus{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:var(--tiny-color-error-active,#c7000b);background-color:var(--tiny-color-error-active,#c7000b);outline-width:0}.tiny-button.tiny-button--danger.is-disabled,.tiny-button.tiny-button--danger.is-disabled:active,.tiny-button.tiny-button--danger.is-disabled:focus,.tiny-button.tiny-button--danger.is-disabled:hover{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:transparent;background-color:var(--tiny-color-error-disabled,#fabdc1)}.tiny-button.tiny-button--danger.is-plain{color:var(--tiny-color-error,#e02128);fill:var(--tiny-color-error,#e02128);border-color:var(--tiny-color-error,#e02128);background-color:var(--tiny-color-bg-1,#fff)}.tiny-button.tiny-button--danger.is-plain:hover{color:var(--tiny-color-error-hover,#e7434a);fill:var(--tiny-color-error-hover,#e7434a);border-color:var(--tiny-color-error-hover,#e7434a)}.tiny-button.tiny-button--danger.is-plain.is-active,.tiny-button.tiny-button--danger.is-plain:active,.tiny-button.tiny-button--danger.is-plain:focus{color:var(--tiny-color-error-active,#c7000b);fill:var(--tiny-color-error-active,#c7000b);border-color:var(--tiny-color-error-active,#c7000b);outline-width:0}.tiny-button.tiny-button--danger.is-plain.is-disabled,.tiny-button.tiny-button--danger.is-plain.is-disabled:active,.tiny-button.tiny-button--danger.is-plain.is-disabled:focus,.tiny-button.tiny-button--danger.is-plain.is-disabled:hover{color:var(--tiny-color-error-disabled,#fabdc1);fill:var(--tiny-color-error-disabled,#fabdc1);border-color:var(--tiny-color-error-disabled,#fabdc1);background-color:var(--tiny-color-bg-1,#fff)}.tiny-button.tiny-button--info{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:var(--tiny-color-info-secondary,#8ca3fa);background-color:var(--tiny-color-info-secondary,#8ca3fa)}.tiny-button.tiny-button--info:hover{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:var(--tiny-color-info-secondary-hover,#b0bffd);background-color:var(--tiny-color-info-secondary-hover,#b0bffd)}.tiny-button.tiny-button--info.is-active,.tiny-button.tiny-button--info:active,.tiny-button.tiny-button--info:focus{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:var(--tiny-color-info-secondary-active,#668cf7);background-color:var(--tiny-color-info-secondary-active,#668cf7);outline-width:0}.tiny-button.tiny-button--info.is-disabled,.tiny-button.tiny-button--info.is-disabled:active,.tiny-button.tiny-button--info.is-disabled:focus,.tiny-button.tiny-button--info.is-disabled:hover{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:transparent;background-color:var(--tiny-color-info-secondary-disabled,#d0d8fd)}.tiny-button.tiny-button--info.is-plain{color:var(--tiny-color-info-secondary,#8ca3fa);fill:var(--tiny-color-info-secondary,#8ca3fa);border-color:var(--tiny-color-info-secondary,#8ca3fa);background-color:var(--tiny-color-bg-1,#fff)}.tiny-button.tiny-button--info.is-plain:hover{color:var(--tiny-color-info-secondary-hover,#b0bffd);fill:var(--tiny-color-info-secondary-hover,#b0bffd);border-color:var(--tiny-color-info-secondary-hover,#b0bffd)}.tiny-button.tiny-button--info.is-plain.is-active,.tiny-button.tiny-button--info.is-plain:active,.tiny-button.tiny-button--info.is-plain:focus{color:var(--tiny-color-info-secondary-active,#668cf7);fill:var(--tiny-color-info-secondary-active,#668cf7);border-color:var(--tiny-color-info-secondary-active,#668cf7);outline-width:0}.tiny-button.tiny-button--info.is-plain.is-disabled,.tiny-button.tiny-button--info.is-plain.is-disabled:active,.tiny-button.tiny-button--info.is-plain.is-disabled:focus,.tiny-button.tiny-button--info.is-plain.is-disabled:hover{color:var(--tiny-color-info-secondary-disabled,#d0d8fd);fill:var(--tiny-color-info-secondary-disabled,#d0d8fd);border-color:var(--tiny-color-info-secondary-disabled,#d0d8fd);background-color:var(--tiny-color-bg-1,#fff)}.tiny-button.tiny-button--text{color:var(--tiny-color-brand,#0067d1);font-size:var(--tiny-fontSize-sm,.875rem);border-color:transparent;background-color:transparent;padding:var(--tiny-spacing-0,0);min-width:auto}.tiny-button.tiny-button--text.is-icon{color:var(--tiny-color-text-primary,#191919)}.tiny-button.tiny-button--text.is-icon>svg{margin-top:var(--tiny-spacing-0,0)}.tiny-button.tiny-button--text:hover{color:var(--tiny-color-brand-hover,#2e86de);border-color:transparent;background-color:transparent}.tiny-button.tiny-button--text:hover>svg{fill:var(--tiny-color-brand-hover,#2e86de)}.tiny-button.tiny-button--text.is-active,.tiny-button.tiny-button--text:active,.tiny-button.tiny-button--text:focus{color:var(--tiny-color-brand-active,#004ea8);border-color:transparent;background-color:transparent}.tiny-button.tiny-button--text.is-active>svg,.tiny-button.tiny-button--text:active>svg,.tiny-button.tiny-button--text:focus>svg{fill:var(--tiny-color-brand-active,#004ea8)}.tiny-button.tiny-button--text.is-disabled,.tiny-button.tiny-button--text.is-disabled:active,.tiny-button.tiny-button--text.is-disabled:focus,.tiny-button.tiny-button--text.is-disabled:hover{color:var(--tiny-color-brand-disabled,#b8d9f9);border-color:transparent;background-color:transparent}.tiny-button.tiny-button--text.is-disabled:active>svg,.tiny-button.tiny-button--text.is-disabled:focus>svg,.tiny-button.tiny-button--text.is-disabled:hover>svg,.tiny-button.tiny-button--text.is-disabled>svg{fill:var(--tiny-color-brand-disabled,#b8d9f9)}.tiny-button.tiny-button--text.is-disabled.is-icon,.tiny-button.tiny-button--text.is-disabled.is-only-icon,.tiny-button.tiny-button--text.is-disabled:active.is-icon,.tiny-button.tiny-button--text.is-disabled:active.is-only-icon,.tiny-button.tiny-button--text.is-disabled:focus.is-icon,.tiny-button.tiny-button--text.is-disabled:focus.is-only-icon,.tiny-button.tiny-button--text.is-disabled:hover.is-icon,.tiny-button.tiny-button--text.is-disabled:hover.is-only-icon{color:var(--tiny-color-text-disabled,#aeaeae)}.tiny-button.tiny-button--text.is-disabled.is-icon>svg,.tiny-button.tiny-button--text.is-disabled.is-only-icon>svg,.tiny-button.tiny-button--text.is-disabled:active.is-icon>svg,.tiny-button.tiny-button--text.is-disabled:active.is-only-icon>svg,.tiny-button.tiny-button--text.is-disabled:focus.is-icon>svg,.tiny-button.tiny-button--text.is-disabled:focus.is-only-icon>svg,.tiny-button.tiny-button--text.is-disabled:hover.is-icon>svg,.tiny-button.tiny-button--text.is-disabled:hover.is-only-icon>svg{fill:var(--tiny-color-text-disabled,#aeaeae)}.tiny-button.tiny-button--large{min-width:var(--tiny-spacing-20,5rem);max-width:var(--tiny-spacing-32,8rem);height:var(--tiny-spacing-12,3rem);line-height:calc(var(--tiny-spacing-12,3rem) - var(--tiny-borderWidth-DEFAULT,1px) * 2);font-size:var(--tiny-fontSize-base,1rem);padding:0 var(--tiny-spacing-4,1rem)}.tiny-button.tiny-button--large.is-round{border-radius:calc(var(--tiny-spacing-12,3rem)/ 2)}.tiny-button.tiny-button--large.is-circle{border-radius:var(--tiny-borderRadius-full,126rem)}.tiny-button.tiny-button--medium{min-width:var(--tiny-spacing-22,5.5rem);max-width:var(--tiny-spacing-44,11rem);height:var(--tiny-spacing-8,2rem);line-height:calc(var(--tiny-spacing-8,2rem) - var(--tiny-borderWidth-DEFAULT,1px) * 2);font-size:var(--tiny-fontSize-sm,.875rem);padding:0 var(--tiny-spacing-4,1rem)}.tiny-button.tiny-button--medium.is-round{border-radius:calc(var(--tiny-spacing-8,2rem)/ 2)}.tiny-button.tiny-button--medium.is-circle{border-radius:var(--tiny-borderRadius-full,126rem)}.tiny-button.tiny-button--small{min-width:var(--tiny-spacing-16,4rem);max-width:var(--tiny-spacing-36,9rem);height:var(--tiny-spacing-7,1.75rem);line-height:calc(var(--tiny-spacing-7,1.75rem) - var(--tiny-borderWidth-DEFAULT,1px) * 2);font-size:var(--tiny-fontSize-xs,.75rem);padding:0 var(--tiny-spacing-2,.5rem)}.tiny-button.tiny-button--small.is-round{border-radius:calc(var(--tiny-spacing-7,1.75rem)/ 2)}.tiny-button.tiny-button--small.is-circle{border-radius:var(--tiny-borderRadius-full,126rem)}.tiny-button.tiny-button--mini{min-width:var(--tiny-spacing-20,5rem);max-width:var(--tiny-spacing-32,8rem);height:var(--tiny-spacing-6,1.5rem);line-height:calc(var(--tiny-spacing-6,1.5rem) - var(--tiny-borderWidth-DEFAULT,1px) * 2);font-size:var(--tiny-fontSize-xs,.75rem);padding:0 var(--tiny-spacing-2,.5rem)}.tiny-button.tiny-button--mini.is-round{border-radius:calc(var(--tiny-spacing-6,1.5rem)/ 2)}.tiny-button.tiny-button--mini.is-circle{border-radius:var(--tiny-borderRadius-full,126rem)}.tiny-icon-loading{font-size:var(--tiny-fontSize-sm,.875rem);line-height:var(--tiny-lineHeight-none,1);-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}@-webkit-keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}
|
|
1
|
+
.tiny-button{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:var(--tiny-spacing-18,4.5rem);max-width:var(--tiny-spacing-36,9rem);height:var(--tiny-spacing-7,1.75rem);line-height:calc(var(--tiny-spacing-7,1.75rem) - 2 * var(--tiny-borderWidth-DEFAULT,1px));color:var(--tiny-color-text-primary,#191919);fill:var(--tiny-color-text-primary,#191919);font-size:var(--tiny-fontSize-sm,.875rem);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-width:var(--tiny-borderWidth-DEFAULT,1px);border-style:solid;border-color:var(--tiny-color-border,#c9c9c9);-o-border-image:initial;border-image:initial;border-radius:var(--tiny-borderRadius-DEFAULT,.25rem);background-color:var(--tiny-color-bg-1,#fff);padding-top:var(--tiny-spacing-0,0);padding-bottom:var(--tiny-spacing-0,0);padding-left:var(--tiny-spacing-2,.5rem);padding-right:var(--tiny-spacing-2,.5rem);overflow:hidden;-webkit-transition:border .3s ease 0s,color .3s ease 0s,background .3s ease 0s;transition:border .3s ease 0s,color .3s ease 0s,background .3s ease 0s;outline-width:0}.tiny-button .tiny-svg{vertical-align:middle;font-size:var(--tiny-fontSize-base,1rem);margin-top:calc(var(--tiny-spacing-0_5,.125rem) * -1)}.tiny-button>img{margin-right:var(--tiny-spacing-1,.25rem);vertical-align:middle;display:inline-block}.tiny-button::-moz-focus-inner{border-width:var(--tiny-borderWidth-0,0)}.tiny-button:focus,.tiny-button:hover{color:var(--tiny-color-text-primary,#191919);fill:var(--tiny-color-text-primary,#191919);border-color:var(--tiny-color-text-primary,#191919);background-color:var(--tiny-color-bg-1,#fff)}.tiny-button.is-active,.tiny-button:active{color:var(--tiny-color-text-primary,#191919);fill:var(--tiny-color-text-primary,#191919);border-color:var(--tiny-color-brand-active,#004ea8);background-color:var(--tiny-color-bg-1,#fff)}.tiny-button.is-plain:hover{color:var(--tiny-color-text-primary,#191919);fill:var(--tiny-color-text-primary,#191919);border-color:var(--tiny-color-text-primary,#191919);background-color:var(--tiny-color-bg-1,#fff)}.tiny-button.is-plain:active,.tiny-button.is-plain:focus{color:var(--tiny-color-text-primary,#191919);fill:var(--tiny-color-text-primary,#191919);border-color:var(--tiny-color-brand-active,#004ea8);background-color:var(--tiny-color-bg-1,#fff)}.tiny-button.is-disabled,.tiny-button.is-disabled:focus,.tiny-button.is-disabled:hover{cursor:not-allowed;color:var(--tiny-color-text-disabled,#aeaeae);fill:var(--tiny-color-text-disabled,#aeaeae);border-color:var(--tiny-color-border-disabled,#f3f3f3);background-color:var(--tiny-color-bg-4,#f3f3f3)}.tiny-button.is-disabled.is-plain,.tiny-button.is-disabled.is-plain:focus,.tiny-button.is-disabled.is-plain:hover{color:var(--tiny-color-text-disabled,#aeaeae);fill:var(--tiny-color-text-disabled,#aeaeae);border-color:var(--tiny-color-border-disabled,#f3f3f3);background-color:var(--tiny-color-bg-1,#fff)}.tiny-button+.tiny-button{margin-left:var(--tiny-spacing-2,.5rem)}.tiny-button.is-loading{position:relative;pointer-events:none;overflow:initial}.tiny-button.is-loading:before{pointer-events:none;--tw-content:'';content:var(--tw-content);position:absolute;left:calc(var(--tiny-spacing-px,.0625rem) * -1);top:calc(var(--tiny-spacing-px,.0625rem) * -1);right:calc(var(--tiny-spacing-px,.0625rem) * -1);bottom:calc(var(--tiny-spacing-px,.0625rem) * -1);border-radius:inherit;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-bg-opacity:0.35}.tiny-button.is-loading .tiny-svg{fill:var(--tiny-color-icon-inverse,#fff)}.tiny-button.is-loading.tiny-button--default .tiny-svg{fill:var(--tiny-color-brand,#0067d1)}.tiny-button.is-round{border-radius:var(--tiny-borderRadius-2xl,1rem)}.tiny-button.is-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-button.is-only-icon{-webkit-box-sizing:border-box;box-sizing:border-box;min-width:auto;max-width:initial;line-height:inherit;height:var(--tiny-spacing-4,1rem);background-color:transparent;border-width:var(--tiny-borderWidth-0,0);padding:var(--tiny-spacing-0,0)}.tiny-button.is-only-icon:hover{fill:var(--tiny-color-brand-hover,#2e86de);color:var(--tiny-color-brand-hover,#2e86de)}.tiny-button.is-only-icon:focus{fill:var(--tiny-color-brand-focus,#0067d1);color:var(--tiny-color-brand-focus,#0067d1)}.tiny-button.is-only-icon:active{fill:var(--tiny-color-brand-active,#004ea8);color:var(--tiny-color-brand-active,#004ea8)}.tiny-button.is-only-icon.is-disabled:hover{fill:var(--tiny-color-text-disabled,#aeaeae);color:var(--tiny-color-text-disabled,#aeaeae);background-color:transparent}.tiny-button:not(.is-circle) .tiny-svg.is-text{margin-right:var(--tiny-spacing-1,.25rem)}.tiny-button:not(.is-circle).is-loading .tiny-svg{margin-right:var(--tiny-spacing-1,.25rem)}.tiny-button.is-circle{border-radius:var(--tiny-borderRadius-full,126rem);min-width:30px;min-height:30px;line-height:var(--tiny-lineHeight-none,1);padding:var(--tiny-spacing-1_5,.375rem)}.tiny-button.is-circle>svg{font-size:var(--tiny-fontSize-sm,.875rem)}.tiny-button.is-circle.tiny-button--large{min-width:48px;min-height:48px;height:auto;line-height:var(--tiny-lineHeight-none,1);padding:16px}.tiny-button.is-circle.tiny-button--large>svg{font-size:16px}.tiny-button.is-circle.tiny-button--medium{min-width:32px;min-height:32px;height:auto;line-height:var(--tiny-lineHeight-none,1);padding:12px}.tiny-button.is-circle.tiny-button--medium>svg{font-size:14px}.tiny-button.is-circle.tiny-button--small{min-width:24px;min-height:24px;height:auto;line-height:var(--tiny-lineHeight-none,1);padding:8px}.tiny-button.is-circle.tiny-button--small>svg{font-size:12px}.tiny-button.is-circle.tiny-button--mini{min-width:24px;min-height:24px;height:auto;line-height:var(--tiny-lineHeight-none,1);padding:8px}.tiny-button.is-circle.tiny-button--mini>svg{font-size:12px}.tiny-button.tiny-button--primary{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:var(--tiny-color-brand,#0067d1);background-color:var(--tiny-color-brand,#0067d1)}.tiny-button.tiny-button--primary:hover{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:var(--tiny-color-brand-hover,#2e86de);background-color:var(--tiny-color-brand-hover,#2e86de)}.tiny-button.tiny-button--primary.is-active,.tiny-button.tiny-button--primary:active,.tiny-button.tiny-button--primary:focus{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:var(--tiny-color-brand-active,#004ea8);background-color:var(--tiny-color-brand-active,#004ea8);outline-width:0}.tiny-button.tiny-button--primary.is-disabled,.tiny-button.tiny-button--primary.is-disabled:active,.tiny-button.tiny-button--primary.is-disabled:focus,.tiny-button.tiny-button--primary.is-disabled:hover{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:transparent;background-color:var(--tiny-color-brand-disabled,#b8d9f9)}.tiny-button.tiny-button--primary.is-plain{color:var(--tiny-color-brand,#0067d1);fill:var(--tiny-color-brand,#0067d1);border-color:var(--tiny-color-brand,#0067d1);background-color:var(--tiny-color-bg-1,#fff)}.tiny-button.tiny-button--primary.is-plain:hover{color:var(--tiny-color-brand-hover,#2e86de);fill:var(--tiny-color-brand-hover,#2e86de);border-color:var(--tiny-color-brand-hover,#2e86de)}.tiny-button.tiny-button--primary.is-plain.is-active,.tiny-button.tiny-button--primary.is-plain:active,.tiny-button.tiny-button--primary.is-plain:focus{color:var(--tiny-color-brand-active,#004ea8);fill:var(--tiny-color-brand-active,#004ea8);border-color:var(--tiny-color-brand-active,#004ea8);outline-width:0}.tiny-button.tiny-button--primary.is-plain.is-disabled,.tiny-button.tiny-button--primary.is-plain.is-disabled:active,.tiny-button.tiny-button--primary.is-plain.is-disabled:focus,.tiny-button.tiny-button--primary.is-plain.is-disabled:hover{color:var(--tiny-color-brand-disabled,#b8d9f9);fill:var(--tiny-color-brand-disabled,#b8d9f9);border-color:var(--tiny-color-brand-disabled,#b8d9f9);background-color:var(--tiny-color-bg-1,#fff)}.tiny-button.tiny-button--success{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:var(--tiny-color-success,#09aa71);background-color:var(--tiny-color-success,#09aa71)}.tiny-button.tiny-button--success:hover{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:var(--tiny-color-success-hover,#36c18d);background-color:var(--tiny-color-success-hover,#36c18d)}.tiny-button.tiny-button--success.is-active,.tiny-button.tiny-button--success:active,.tiny-button.tiny-button--success:focus{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:var(--tiny-color-success-active,#058358);background-color:var(--tiny-color-success-active,#058358);outline-width:0}.tiny-button.tiny-button--success.is-disabled,.tiny-button.tiny-button--success.is-disabled:active,.tiny-button.tiny-button--success.is-disabled:focus,.tiny-button.tiny-button--success.is-disabled:hover{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:transparent;background-color:var(--tiny-color-success-disabled,#bcf2db)}.tiny-button.tiny-button--success.is-plain{color:var(--tiny-color-success,#09aa71);fill:var(--tiny-color-success,#09aa71);border-color:var(--tiny-color-success,#09aa71);background-color:var(--tiny-color-bg-1,#fff)}.tiny-button.tiny-button--success.is-plain:hover{color:var(--tiny-color-success-hover,#36c18d);fill:var(--tiny-color-success-hover,#36c18d);border-color:var(--tiny-color-success-hover,#36c18d)}.tiny-button.tiny-button--success.is-plain.is-active,.tiny-button.tiny-button--success.is-plain:active,.tiny-button.tiny-button--success.is-plain:focus{color:var(--tiny-color-success-active,#058358);fill:var(--tiny-color-success-active,#058358);border-color:var(--tiny-color-success-active,#058358);outline-width:0}.tiny-button.tiny-button--success.is-plain.is-disabled,.tiny-button.tiny-button--success.is-plain.is-disabled:active,.tiny-button.tiny-button--success.is-plain.is-disabled:focus,.tiny-button.tiny-button--success.is-plain.is-disabled:hover{color:var(--tiny-color-success-disabled,#bcf2db);fill:var(--tiny-color-success-disabled,#bcf2db);border-color:var(--tiny-color-success-disabled,#bcf2db);background-color:var(--tiny-color-bg-1,#fff)}.tiny-button.tiny-button--warning{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:var(--tiny-color-warning,#fcc800);background-color:var(--tiny-color-warning,#fcc800)}.tiny-button.tiny-button--warning:hover{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:var(--tiny-color-warning-hover,#fcd72e);background-color:var(--tiny-color-warning-hover,#fcd72e)}.tiny-button.tiny-button--warning.is-active,.tiny-button.tiny-button--warning:active,.tiny-button.tiny-button--warning:focus{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:var(--tiny-color-warning-active,#d19f00);background-color:var(--tiny-color-warning-active,#d19f00);outline-width:0}.tiny-button.tiny-button--warning.is-disabled,.tiny-button.tiny-button--warning.is-disabled:active,.tiny-button.tiny-button--warning.is-disabled:focus,.tiny-button.tiny-button--warning.is-disabled:hover{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:transparent;background-color:var(--tiny-color-warning-disabled,#fef8b8)}.tiny-button.tiny-button--warning.is-plain{color:var(--tiny-color-warning,#fcc800);fill:var(--tiny-color-warning,#fcc800);border-color:var(--tiny-color-warning,#fcc800);background-color:var(--tiny-color-bg-1,#fff)}.tiny-button.tiny-button--warning.is-plain:hover{color:var(--tiny-color-warning-hover,#fcd72e);fill:var(--tiny-color-warning-hover,#fcd72e);border-color:var(--tiny-color-warning-hover,#fcd72e)}.tiny-button.tiny-button--warning.is-plain.is-active,.tiny-button.tiny-button--warning.is-plain:active,.tiny-button.tiny-button--warning.is-plain:focus{color:var(--tiny-color-warning-active,#d19f00);fill:var(--tiny-color-warning-active,#d19f00);border-color:var(--tiny-color-warning-active,#d19f00);outline-width:0}.tiny-button.tiny-button--warning.is-plain.is-disabled,.tiny-button.tiny-button--warning.is-plain.is-disabled:active,.tiny-button.tiny-button--warning.is-plain.is-disabled:focus,.tiny-button.tiny-button--warning.is-plain.is-disabled:hover{color:var(--tiny-color-warning-disabled,#fef8b8);fill:var(--tiny-color-warning-disabled,#fef8b8);border-color:var(--tiny-color-warning-disabled,#fef8b8);background-color:var(--tiny-color-bg-1,#fff)}.tiny-button.tiny-button--danger{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:var(--tiny-color-error,#e02128);background-color:var(--tiny-color-error,#e02128)}.tiny-button.tiny-button--danger:hover{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:var(--tiny-color-error-hover,#e7434a);background-color:var(--tiny-color-error-hover,#e7434a)}.tiny-button.tiny-button--danger.is-active,.tiny-button.tiny-button--danger:active,.tiny-button.tiny-button--danger:focus{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:var(--tiny-color-error-active,#c7000b);background-color:var(--tiny-color-error-active,#c7000b);outline-width:0}.tiny-button.tiny-button--danger.is-disabled,.tiny-button.tiny-button--danger.is-disabled:active,.tiny-button.tiny-button--danger.is-disabled:focus,.tiny-button.tiny-button--danger.is-disabled:hover{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:transparent;background-color:var(--tiny-color-error-disabled,#fabdc1)}.tiny-button.tiny-button--danger.is-plain{color:var(--tiny-color-error,#e02128);fill:var(--tiny-color-error,#e02128);border-color:var(--tiny-color-error,#e02128);background-color:var(--tiny-color-bg-1,#fff)}.tiny-button.tiny-button--danger.is-plain:hover{color:var(--tiny-color-error-hover,#e7434a);fill:var(--tiny-color-error-hover,#e7434a);border-color:var(--tiny-color-error-hover,#e7434a)}.tiny-button.tiny-button--danger.is-plain.is-active,.tiny-button.tiny-button--danger.is-plain:active,.tiny-button.tiny-button--danger.is-plain:focus{color:var(--tiny-color-error-active,#c7000b);fill:var(--tiny-color-error-active,#c7000b);border-color:var(--tiny-color-error-active,#c7000b);outline-width:0}.tiny-button.tiny-button--danger.is-plain.is-disabled,.tiny-button.tiny-button--danger.is-plain.is-disabled:active,.tiny-button.tiny-button--danger.is-plain.is-disabled:focus,.tiny-button.tiny-button--danger.is-plain.is-disabled:hover{color:var(--tiny-color-error-disabled,#fabdc1);fill:var(--tiny-color-error-disabled,#fabdc1);border-color:var(--tiny-color-error-disabled,#fabdc1);background-color:var(--tiny-color-bg-1,#fff)}.tiny-button.tiny-button--info{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:var(--tiny-color-info-secondary,#8ca3fa);background-color:var(--tiny-color-info-secondary,#8ca3fa)}.tiny-button.tiny-button--info:hover{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:var(--tiny-color-info-secondary-hover,#b0bffd);background-color:var(--tiny-color-info-secondary-hover,#b0bffd)}.tiny-button.tiny-button--info.is-active,.tiny-button.tiny-button--info:active,.tiny-button.tiny-button--info:focus{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:var(--tiny-color-info-secondary-active,#668cf7);background-color:var(--tiny-color-info-secondary-active,#668cf7);outline-width:0}.tiny-button.tiny-button--info.is-disabled,.tiny-button.tiny-button--info.is-disabled:active,.tiny-button.tiny-button--info.is-disabled:focus,.tiny-button.tiny-button--info.is-disabled:hover{color:var(--tiny-color-bg-1,#fff);fill:var(--tiny-color-bg-1,#fff);border-color:transparent;background-color:var(--tiny-color-info-secondary-disabled,#d0d8fd)}.tiny-button.tiny-button--info.is-plain{color:var(--tiny-color-info-secondary,#8ca3fa);fill:var(--tiny-color-info-secondary,#8ca3fa);border-color:var(--tiny-color-info-secondary,#8ca3fa);background-color:var(--tiny-color-bg-1,#fff)}.tiny-button.tiny-button--info.is-plain:hover{color:var(--tiny-color-info-secondary-hover,#b0bffd);fill:var(--tiny-color-info-secondary-hover,#b0bffd);border-color:var(--tiny-color-info-secondary-hover,#b0bffd)}.tiny-button.tiny-button--info.is-plain.is-active,.tiny-button.tiny-button--info.is-plain:active,.tiny-button.tiny-button--info.is-plain:focus{color:var(--tiny-color-info-secondary-active,#668cf7);fill:var(--tiny-color-info-secondary-active,#668cf7);border-color:var(--tiny-color-info-secondary-active,#668cf7);outline-width:0}.tiny-button.tiny-button--info.is-plain.is-disabled,.tiny-button.tiny-button--info.is-plain.is-disabled:active,.tiny-button.tiny-button--info.is-plain.is-disabled:focus,.tiny-button.tiny-button--info.is-plain.is-disabled:hover{color:var(--tiny-color-info-secondary-disabled,#d0d8fd);fill:var(--tiny-color-info-secondary-disabled,#d0d8fd);border-color:var(--tiny-color-info-secondary-disabled,#d0d8fd);background-color:var(--tiny-color-bg-1,#fff)}.tiny-button.tiny-button--text{color:var(--tiny-color-brand,#0067d1);font-size:var(--tiny-fontSize-sm,.875rem);border-color:transparent;background-color:transparent;padding:var(--tiny-spacing-0,0);min-width:auto}.tiny-button.tiny-button--text.is-icon{color:var(--tiny-color-text-primary,#191919)}.tiny-button.tiny-button--text.is-icon>svg{margin-top:var(--tiny-spacing-0,0)}.tiny-button.tiny-button--text:hover{color:var(--tiny-color-brand-hover,#2e86de);border-color:transparent;background-color:transparent}.tiny-button.tiny-button--text:hover>svg{fill:var(--tiny-color-brand-hover,#2e86de)}.tiny-button.tiny-button--text.is-active,.tiny-button.tiny-button--text:active,.tiny-button.tiny-button--text:focus{color:var(--tiny-color-brand-active,#004ea8);border-color:transparent;background-color:transparent}.tiny-button.tiny-button--text.is-active>svg,.tiny-button.tiny-button--text:active>svg,.tiny-button.tiny-button--text:focus>svg{fill:var(--tiny-color-brand-active,#004ea8)}.tiny-button.tiny-button--text.is-disabled,.tiny-button.tiny-button--text.is-disabled:active,.tiny-button.tiny-button--text.is-disabled:focus,.tiny-button.tiny-button--text.is-disabled:hover{color:var(--tiny-color-brand-disabled,#b8d9f9);border-color:transparent;background-color:transparent}.tiny-button.tiny-button--text.is-disabled:active>svg,.tiny-button.tiny-button--text.is-disabled:focus>svg,.tiny-button.tiny-button--text.is-disabled:hover>svg,.tiny-button.tiny-button--text.is-disabled>svg{fill:var(--tiny-color-brand-disabled,#b8d9f9)}.tiny-button.tiny-button--text.is-disabled.is-icon,.tiny-button.tiny-button--text.is-disabled.is-only-icon,.tiny-button.tiny-button--text.is-disabled:active.is-icon,.tiny-button.tiny-button--text.is-disabled:active.is-only-icon,.tiny-button.tiny-button--text.is-disabled:focus.is-icon,.tiny-button.tiny-button--text.is-disabled:focus.is-only-icon,.tiny-button.tiny-button--text.is-disabled:hover.is-icon,.tiny-button.tiny-button--text.is-disabled:hover.is-only-icon{color:var(--tiny-color-text-disabled,#aeaeae)}.tiny-button.tiny-button--text.is-disabled.is-icon>svg,.tiny-button.tiny-button--text.is-disabled.is-only-icon>svg,.tiny-button.tiny-button--text.is-disabled:active.is-icon>svg,.tiny-button.tiny-button--text.is-disabled:active.is-only-icon>svg,.tiny-button.tiny-button--text.is-disabled:focus.is-icon>svg,.tiny-button.tiny-button--text.is-disabled:focus.is-only-icon>svg,.tiny-button.tiny-button--text.is-disabled:hover.is-icon>svg,.tiny-button.tiny-button--text.is-disabled:hover.is-only-icon>svg{fill:var(--tiny-color-text-disabled,#aeaeae)}.tiny-button.tiny-button--large{min-width:var(--tiny-spacing-20,5rem);max-width:var(--tiny-spacing-32,8rem);height:var(--tiny-spacing-12,3rem);line-height:calc(var(--tiny-spacing-12,3rem) - var(--tiny-borderWidth-DEFAULT,1px) * 2);font-size:var(--tiny-fontSize-base,1rem);padding:0 var(--tiny-spacing-4,1rem)}.tiny-button.tiny-button--large.is-round{border-radius:calc(var(--tiny-spacing-12,3rem)/ 2)}.tiny-button.tiny-button--large.is-circle{border-radius:var(--tiny-borderRadius-full,126rem)}.tiny-button.tiny-button--medium{min-width:var(--tiny-spacing-22,5.5rem);max-width:var(--tiny-spacing-44,11rem);height:var(--tiny-spacing-8,2rem);line-height:calc(var(--tiny-spacing-8,2rem) - var(--tiny-borderWidth-DEFAULT,1px) * 2);font-size:var(--tiny-fontSize-sm,.875rem);padding:0 var(--tiny-spacing-4,1rem)}.tiny-button.tiny-button--medium.is-round{border-radius:calc(var(--tiny-spacing-8,2rem)/ 2)}.tiny-button.tiny-button--medium.is-circle{border-radius:var(--tiny-borderRadius-full,126rem)}.tiny-button.tiny-button--small{min-width:var(--tiny-spacing-16,4rem);max-width:var(--tiny-spacing-36,9rem);height:var(--tiny-spacing-7,1.75rem);line-height:calc(var(--tiny-spacing-7,1.75rem) - var(--tiny-borderWidth-DEFAULT,1px) * 2);font-size:var(--tiny-fontSize-xs,.75rem);padding:0 var(--tiny-spacing-2,.5rem)}.tiny-button.tiny-button--small.is-round{border-radius:calc(var(--tiny-spacing-7,1.75rem)/ 2)}.tiny-button.tiny-button--small.is-circle{border-radius:var(--tiny-borderRadius-full,126rem)}.tiny-button.tiny-button--mini{min-width:var(--tiny-spacing-20,5rem);max-width:var(--tiny-spacing-32,8rem);height:var(--tiny-spacing-6,1.5rem);line-height:calc(var(--tiny-spacing-6,1.5rem) - var(--tiny-borderWidth-DEFAULT,1px) * 2);font-size:var(--tiny-fontSize-xs,.75rem);padding:0 var(--tiny-spacing-2,.5rem)}.tiny-button.tiny-button--mini.is-round{border-radius:calc(var(--tiny-spacing-6,1.5rem)/ 2)}.tiny-button.tiny-button--mini.is-circle{border-radius:var(--tiny-borderRadius-full,126rem)}.tiny-icon-loading{font-size:var(--tiny-fontSize-sm,.875rem);line-height:var(--tiny-lineHeight-none,1);-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}@-webkit-keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}
|
package/cascader/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-cascader{display:inline-block;position:relative;font-size:var(--tiny-fontSize-xs,.75rem)}.tiny-cascader .tiny-input{cursor:pointer}.tiny-cascader .tiny-input .tiny-input__inner{text-overflow:ellipsis}.tiny-cascader .tiny-input .tiny-input__inner:hover{border-color:var(--tiny-color-border-hover,#191919)}.tiny-cascader .tiny-input .tiny-input__inner:focus{border-color:var(--tiny-color-border-focus,#0067d1)}.tiny-cascader .tiny-input.is-focus .tiny-input__inner{border-color:var(--tiny-color-border-focus,#0067d1)}.tiny-cascader .tiny-input .tiny-icon-arrow-down{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.3s;transition-duration:.3s;font-size:var(--tiny-fontSize-sm,.875rem)}.tiny-cascader .tiny-input .tiny-icon-arrow-down.is-reverse{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}.tiny-cascader .tiny-input .tiny-icon-circle-close:hover{color:var(--tiny-color-bg-4,#f3f3f3)}.tiny-cascader .tiny-input.is-disabled .tiny-input__inner:hover{border-color:var(--tiny-color-border,#c9c9c9)}.tiny-cascader .tiny-input.is-disabled .tiny-input__inner:focus{border-color:transparent}.tiny-cascader .tiny-input.is-disabled+.tiny-cascader__tags>.tiny-tag{color:var(--tiny-color-text-disabled,#aeaeae);background-color:var(--tiny-color-bg-3,#f3f3f3);cursor:not-allowed}.tiny-cascader .tiny-input-suffix>.tiny-input__suffix{top:var(--tiny-spacing-1_5,.375rem);-webkit-transform:none;transform:none}.tiny-cascader .tiny-input-suffix>.tiny-input__suffix svg:hover{fill:var(--tiny-color-text-placeholder,#aeaeae)}.tiny-cascader .tiny-input-suffix>.tiny-input__suffix svg.is-reverse{fill:var(--tiny-color-brand-hover,#2e86de)}.tiny-cascader:not(.is-display-only) .tiny-input__inner{min-height:var(--tiny-spacing-7,1.75rem)}.tiny-cascader--medium{font-size:var(--tiny-fontSize-sm,.875rem);line-height:var(--tiny-lineHeight-8,2rem)}.tiny-cascader--medium .tiny-input-suffix>.tiny-input__suffix{top:var(--tiny-spacing-2_5,.625rem);-webkit-transform:none;transform:none}.tiny-cascader--medium:not(.is-display-only) .tiny-input__inner{min-height:var(--tiny-spacing-8,2rem)}.tiny-cascader--small{font-size:var(--tiny-fontSize-xs,.75rem);line-height:var(--tiny-lineHeight-7,1.75rem)}.tiny-cascader--small .tiny-input-suffix>.tiny-input__suffix{top:var(--tiny-spacing-2,.5rem);-webkit-transform:none;transform:none}.tiny-cascader--small:not(.is-display-only) .tiny-input__inner{min-height:var(--tiny-spacing-7,1.75rem)}.tiny-cascader--mini{font-size:var(--tiny-fontSize-xs,.75rem);line-height:var(--tiny-lineHeight-6,1.5rem)}.tiny-cascader--mini:not(.is-display-only) .tiny-input__inner{min-height:var(--tiny-spacing-6,1.5rem)}.tiny-cascader.is-disabled .tiny-cascader__label{z-index:2;color:var(--tiny-color-text-disabled,#aeaeae)}.tiny-cascader.show-auto-width{width:100%}.tiny-cascader__dropdown{margin-top:var(--tiny-spacing-1,.25rem);margin-bottom:var(--tiny-spacing-1,.25rem);margin-left:var(--tiny-spacing-0,0);margin-right:var(--tiny-spacing-0,0);font-size:var(--tiny-fontSize-sm,.875rem);background-color:var(--tiny-color-bg-1,#fff);border-radius:var(--tiny-borderRadius-DEFAULT,.25rem);--tw-shadow:var(--tiny-boxShadow-md, 0 4px 12px 0px rgba(0, 0, 0, 0.16));--tw-shadow-colored:0 4px 12px 0px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);-webkit-box-shadow:var(--tiny-boxShadow-md,0 4px 12px 0 rgba(0,0,0,.16));box-shadow:var(--tiny-boxShadow-md,0 4px 12px 0 rgba(0,0,0,.16))}.tiny-cascader__dropdown.is-auto-size{background-color:transparent;border-style:none;--tw-shadow:var(--tiny-boxShadow-none, none);--tw-shadow-colored:var(--tiny-boxShadow-none, none);-webkit-box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);-webkit-box-shadow:var(--tiny-boxShadow-none,none);box-shadow:var(--tiny-boxShadow-none,none)}.tiny-cascader__dropdown.is-auto-size .tiny-cascader-panel{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.tiny-cascader__dropdown.is-auto-size .tiny-cascader-menu{border-width:var(--tiny-borderWidth-DEFAULT,1px);border-style:solid;border-color:var(--tiny-color-border-separator,#dfdfdf);background-color:var(--tiny-color-bg-1,#fff)}.tiny-cascader__dropdown.is-auto-size .tiny-cascader-menu:not(:first-child){margin-left:calc(var(--tiny-spacing-px,.0625rem) * -1)}.tiny-cascader__dropdown.is-auto-size .tiny-cascader-menu .tiny-cascader-menu__wrap{height:auto;padding-bottom:var(--tiny-spacing-1_5,.375rem);max-height:var(--tiny-spacing-72,18rem)}.tiny-cascader__dropdown.is-auto-size .tiny-cascader-menu__empty-text{position:relative;top:var(--tiny-spacing-0,0);left:var(--tiny-spacing-0,0);--tw-translate-x:var(--tiny-spacing-0, 0px);--tw-translate-y:var(--tiny-spacing-0, 0px);-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));padding-top:var(--tiny-spacing-1_5,.375rem)}.tiny-cascader__dropdown.is-auto-size .tiny-cascader__suggestion-panel{background-color:var(--tiny-color-bg-1,#fff);border-width:var(--tiny-borderWidth-DEFAULT,1px);border-style:solid;border-color:var(--tiny-color-border-separator,#dfdfdf)}.tiny-cascader__tags{position:absolute;left:var(--tiny-spacing-0,0);right:var(--tiny-spacing-10,2.5rem);top:50%;--tw-translate-y:-50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:var(--tiny-lineHeight-normal,1.5);text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:var(--tiny-spacing-3,.75rem)}.tiny-cascader__tags .tiny-tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:100%;margin-top:var(--tiny-spacing-0_5,.125rem);margin-bottom:var(--tiny-spacing-0_5,.125rem);margin-left:var(--tiny-spacing-1_5,.375rem);text-overflow:ellipsis;background-color:var(--tiny-color-bg-2,#f5f6f8);font-size:var(--tiny-fontSize-sm,.875rem)}.tiny-cascader__tags .tiny-tag:not(.is-hit){border-color:transparent}.tiny-cascader__tags .tiny-tag>span{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;overflow:hidden;text-overflow:ellipsis}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-cascader__tags .tiny-tag>span{-ms-flex-preferred-size:auto;flex-basis:auto}.tiny-cascader__tags .tiny-tag .tiny-tag__close{-ms-flex-negative:0;flex-shrink:0}}.tiny-cascader__tags .tiny-tag .tiny-icon-close{-webkit-box-flex:0;-ms-flex:none;flex:none;background-color:var(--tiny-color-bg-5,rgba(238,243,254,.5));color:var(--tiny-color-text-inverse,#fff)}.tiny-cascader__tags .tiny-tag .tiny-icon-close:hover{color:var(--tiny-color-text-disabled,#aeaeae);background-color:var(--tiny-color-bg-3,#f3f3f3)}.tiny-cascader.is-hover-expand{height:var(--tiny-spacing-7,1.75rem);vertical-align:top}.tiny-cascader.is-hover-expand:hover{z-index:10}.tiny-cascader.is-hover-expand .tiny-cascader-content{position:relative}.tiny-cascader.is-hover-expand .tiny-cascader__tags{height:var(--tiny-spacing-6,1.5rem);overflow:hidden}.tiny-cascader.is-hover-expand .tiny-cascader__tags .tiny-tag{max-width:var(--tiny-spacing-44,11rem)}.tiny-cascader.is-hover-expand .tiny-cascader__tags-collapse{visibility:visible;position:static}.tiny-cascader.is-hover-expand .tiny-cascader__tags-collapse.is-hidden{visibility:hidden;position:absolute}.tiny-cascader.is-hover-expand.tiny-cascader--mini,.tiny-cascader.is-hover-expand.tiny-cascader--small{height:inherit}.tiny-cascader.is-hover-expand.tiny-cascader--mini .tiny-cascader__tags,.tiny-cascader.is-hover-expand.tiny-cascader--small .tiny-cascader__tags{height:var(--tiny-spacing-5,1.25rem)}.tiny-cascader.is-hover-expand .tiny-cascader__tags.is-expand-content{height:auto;max-height:var(--tiny-spacing-28,7rem);overflow:auto}.tiny-cascader__suggestion-panel{border-radius:var(--tiny-borderRadius-DEFAULT,.25rem)}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-list{margin:var(--tiny-spacing-0,0);padding-top:var(--tiny-spacing-1_5,.375rem);padding-bottom:var(--tiny-spacing-1_5,.375rem);padding-left:var(--tiny-spacing-0,0);padding-right:var(--tiny-spacing-0,0);font-size:var(--tiny-fontSize-sm,.875rem);color:var(--tiny-color-text-primary,#191919);text-align:center;max-height:var(--tiny-spacing-60,15rem)}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--tiny-spacing-8,2rem);padding-top:var(--tiny-spacing-0,0);padding-bottom:var(--tiny-spacing-0,0);padding-left:var(--tiny-spacing-2,.5rem);padding-right:var(--tiny-spacing-2,.5rem);font-size:var(--tiny-fontSize-xs,.75rem);color:var(--tiny-color-text-primary,#191919);text-align:left;outline-width:0;cursor:pointer}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item:focus,.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item:hover{background-color:var(--tiny-color-bg-2,#f5f6f8)}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item.is-checked{color:var(--tiny-color-brand-hover,#2e86de);font-weight:700}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item.is-checked .icon-check{fill:var(--tiny-color-icon-hover,#2e86de)}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item>span{margin-right:var(--tiny-spacing-2_5,.625rem)}.tiny-cascader__suggestion-panel .tiny-cascader__empty-text{margin-top:var(--tiny-spacing-2_5,.625rem);margin-bottom:var(--tiny-spacing-2_5,.625rem);margin-left:var(--tiny-spacing-0,0);margin-right:var(--tiny-spacing-0,0);color:var(--tiny-color-text-placeholder,#aeaeae)}.tiny-cascader__search-input{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;height:var(--tiny-spacing-6,1.5rem);min-width:var(--tiny-spacing-16,4rem);color:var(--tiny-color-text-primary,#191919);font-size:var(--tiny-fontSize-xs,.75rem);border-style:none;outline-width:0;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-cascader__search-input::-moz-placeholder{color:var(--tiny-color-text-placeholder,#aeaeae);opacity:var(--tiny-opacity-100,1)}.tiny-cascader__search-input:-ms-input-placeholder{color:var(--tiny-color-text-placeholder,#aeaeae)}.tiny-cascader__search-input::-webkit-input-placeholder{color:var(--tiny-color-text-placeholder,#aeaeae)}.tiny-cascader__search-input::-ms-input-placeholder{color:var(--tiny-color-text-placeholder,#aeaeae)}.tiny-cascader__search-input::placeholder{color:var(--tiny-color-text-placeholder,#aeaeae)}
|
|
1
|
+
.tiny-cascader{display:inline-block;position:relative;font-size:var(--tiny-fontSize-xs,.75rem)}.tiny-cascader .tiny-input{cursor:pointer}.tiny-cascader .tiny-input .tiny-input__inner{text-overflow:ellipsis}.tiny-cascader .tiny-input .tiny-input__inner:hover{border-color:var(--tiny-color-border-hover,#191919)}.tiny-cascader .tiny-input .tiny-input__inner:focus{border-color:var(--tiny-color-border-focus,#0067d1)}.tiny-cascader .tiny-input.is-focus .tiny-input__inner{border-color:var(--tiny-color-border-focus,#0067d1)}.tiny-cascader .tiny-input .tiny-icon-arrow-down{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.3s;transition-duration:.3s;font-size:var(--tiny-fontSize-sm,.875rem)}.tiny-cascader .tiny-input .tiny-icon-arrow-down.is-reverse{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}.tiny-cascader .tiny-input .tiny-icon-circle-close:hover{color:var(--tiny-color-bg-4,#f3f3f3)}.tiny-cascader .tiny-input.is-disabled .tiny-input__inner:hover{border-color:var(--tiny-color-border,#c9c9c9)}.tiny-cascader .tiny-input.is-disabled .tiny-input__inner:focus{border-color:transparent}.tiny-cascader .tiny-input.is-disabled+.tiny-cascader__tags>.tiny-tag{color:var(--tiny-color-text-disabled,#aeaeae);background-color:var(--tiny-color-bg-3,#f3f3f3);cursor:not-allowed}.tiny-cascader .tiny-input-suffix>.tiny-input__suffix{top:var(--tiny-spacing-1_5,.375rem);-webkit-transform:none;transform:none}.tiny-cascader .tiny-input-suffix>.tiny-input__suffix svg:hover{fill:var(--tiny-color-text-placeholder,#aeaeae)}.tiny-cascader .tiny-input-suffix>.tiny-input__suffix svg.is-reverse{fill:var(--tiny-color-brand-hover,#2e86de)}.tiny-cascader:not(.is-display-only) .tiny-input__inner{min-height:var(--tiny-spacing-7,1.75rem)}.tiny-cascader--medium{font-size:var(--tiny-fontSize-sm,.875rem);line-height:var(--tiny-lineHeight-8,2rem)}.tiny-cascader--medium .tiny-input-suffix>.tiny-input__suffix{top:var(--tiny-spacing-2_5,.625rem);-webkit-transform:none;transform:none}.tiny-cascader--medium:not(.is-display-only) .tiny-input__inner{min-height:var(--tiny-spacing-8,2rem)}.tiny-cascader--small{font-size:var(--tiny-fontSize-xs,.75rem);line-height:var(--tiny-lineHeight-7,1.75rem)}.tiny-cascader--small .tiny-input-suffix>.tiny-input__suffix{top:var(--tiny-spacing-2,.5rem);-webkit-transform:none;transform:none}.tiny-cascader--small:not(.is-display-only) .tiny-input__inner{min-height:var(--tiny-spacing-7,1.75rem)}.tiny-cascader--mini{font-size:var(--tiny-fontSize-xs,.75rem);line-height:var(--tiny-lineHeight-6,1.5rem)}.tiny-cascader--mini:not(.is-display-only) .tiny-input__inner{min-height:var(--tiny-spacing-6,1.5rem)}.tiny-cascader.is-disabled .tiny-cascader__label{z-index:2;color:var(--tiny-color-text-disabled,#aeaeae)}.tiny-cascader.show-auto-width{width:100%}.tiny-cascader__dropdown{margin-top:var(--tiny-spacing-1,.25rem);margin-bottom:var(--tiny-spacing-1,.25rem);margin-left:var(--tiny-spacing-0,0);margin-right:var(--tiny-spacing-0,0);font-size:var(--tiny-fontSize-sm,.875rem);background-color:var(--tiny-color-bg-1,#fff);border-radius:var(--tiny-borderRadius-DEFAULT,.25rem);--tw-shadow:var(--tiny-boxShadow-md, 1px 4px 12px 0px rgba(0, 0, 0, 0.16));--tw-shadow-colored:1px 4px 12px 0px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);-webkit-box-shadow:var(--tiny-boxShadow-md,1px 4px 12px 0 rgba(0,0,0,.16));box-shadow:var(--tiny-boxShadow-md,1px 4px 12px 0 rgba(0,0,0,.16))}.tiny-cascader__dropdown.is-auto-size{background-color:transparent;border-style:none;--tw-shadow:var(--tiny-boxShadow-none, none);--tw-shadow-colored:var(--tiny-boxShadow-none, none);-webkit-box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);-webkit-box-shadow:var(--tiny-boxShadow-none,none);box-shadow:var(--tiny-boxShadow-none,none)}.tiny-cascader__dropdown.is-auto-size .tiny-cascader-panel{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.tiny-cascader__dropdown.is-auto-size .tiny-cascader-menu{border-width:var(--tiny-borderWidth-DEFAULT,1px);border-style:solid;border-color:var(--tiny-color-border-separator,#dfdfdf);background-color:var(--tiny-color-bg-1,#fff)}.tiny-cascader__dropdown.is-auto-size .tiny-cascader-menu:not(:first-child){margin-left:calc(var(--tiny-spacing-px,.0625rem) * -1)}.tiny-cascader__dropdown.is-auto-size .tiny-cascader-menu .tiny-cascader-menu__wrap{height:auto;padding-bottom:var(--tiny-spacing-1_5,.375rem);max-height:var(--tiny-spacing-72,18rem)}.tiny-cascader__dropdown.is-auto-size .tiny-cascader-menu__empty-text{position:relative;top:var(--tiny-spacing-0,0);left:var(--tiny-spacing-0,0);--tw-translate-x:var(--tiny-spacing-0, 0px);--tw-translate-y:var(--tiny-spacing-0, 0px);-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));padding-top:var(--tiny-spacing-1_5,.375rem)}.tiny-cascader__dropdown.is-auto-size .tiny-cascader__suggestion-panel{background-color:var(--tiny-color-bg-1,#fff);border-width:var(--tiny-borderWidth-DEFAULT,1px);border-style:solid;border-color:var(--tiny-color-border-separator,#dfdfdf)}.tiny-cascader__tags{position:absolute;left:var(--tiny-spacing-0,0);right:var(--tiny-spacing-10,2.5rem);top:50%;--tw-translate-y:-50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:var(--tiny-lineHeight-normal,1.5);text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:var(--tiny-spacing-3,.75rem)}.tiny-cascader__tags .tiny-tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:100%;margin-top:var(--tiny-spacing-0_5,.125rem);margin-bottom:var(--tiny-spacing-0_5,.125rem);margin-left:var(--tiny-spacing-1_5,.375rem);text-overflow:ellipsis;background-color:var(--tiny-color-bg-2,#f5f6f8);font-size:var(--tiny-fontSize-sm,.875rem)}.tiny-cascader__tags .tiny-tag:not(.is-hit){border-color:transparent}.tiny-cascader__tags .tiny-tag>span{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;overflow:hidden;text-overflow:ellipsis}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-cascader__tags .tiny-tag>span{-ms-flex-preferred-size:auto;flex-basis:auto}.tiny-cascader__tags .tiny-tag .tiny-tag__close{-ms-flex-negative:0;flex-shrink:0}}.tiny-cascader__tags .tiny-tag .tiny-icon-close{-webkit-box-flex:0;-ms-flex:none;flex:none;background-color:var(--tiny-color-bg-5,rgba(238,243,254,.5));color:var(--tiny-color-text-inverse,#fff)}.tiny-cascader__tags .tiny-tag .tiny-icon-close:hover{color:var(--tiny-color-text-disabled,#aeaeae);background-color:var(--tiny-color-bg-3,#f3f3f3)}.tiny-cascader.is-hover-expand{height:var(--tiny-spacing-7,1.75rem);vertical-align:top}.tiny-cascader.is-hover-expand:hover{z-index:10}.tiny-cascader.is-hover-expand .tiny-cascader-content{position:relative}.tiny-cascader.is-hover-expand .tiny-cascader__tags{height:var(--tiny-spacing-6,1.5rem);overflow:hidden}.tiny-cascader.is-hover-expand .tiny-cascader__tags .tiny-tag{max-width:var(--tiny-spacing-44,11rem)}.tiny-cascader.is-hover-expand .tiny-cascader__tags-collapse{visibility:visible;position:static}.tiny-cascader.is-hover-expand .tiny-cascader__tags-collapse.is-hidden{visibility:hidden;position:absolute}.tiny-cascader.is-hover-expand.tiny-cascader--mini,.tiny-cascader.is-hover-expand.tiny-cascader--small{height:inherit}.tiny-cascader.is-hover-expand.tiny-cascader--mini .tiny-cascader__tags,.tiny-cascader.is-hover-expand.tiny-cascader--small .tiny-cascader__tags{height:var(--tiny-spacing-5,1.25rem)}.tiny-cascader.is-hover-expand .tiny-cascader__tags.is-expand-content{height:auto;max-height:var(--tiny-spacing-28,7rem);overflow:auto}.tiny-cascader__suggestion-panel{border-radius:var(--tiny-borderRadius-DEFAULT,.25rem)}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-list{margin:var(--tiny-spacing-0,0);padding-top:var(--tiny-spacing-1_5,.375rem);padding-bottom:var(--tiny-spacing-1_5,.375rem);padding-left:var(--tiny-spacing-0,0);padding-right:var(--tiny-spacing-0,0);font-size:var(--tiny-fontSize-sm,.875rem);color:var(--tiny-color-text-primary,#191919);text-align:center;max-height:var(--tiny-spacing-60,15rem)}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--tiny-spacing-8,2rem);padding-top:var(--tiny-spacing-0,0);padding-bottom:var(--tiny-spacing-0,0);padding-left:var(--tiny-spacing-2,.5rem);padding-right:var(--tiny-spacing-2,.5rem);font-size:var(--tiny-fontSize-xs,.75rem);color:var(--tiny-color-text-primary,#191919);text-align:left;outline-width:0;cursor:pointer}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item:focus,.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item:hover{background-color:var(--tiny-color-bg-2,#f5f6f8)}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item.is-checked{color:var(--tiny-color-brand-hover,#2e86de);font-weight:700}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item.is-checked .icon-check{fill:var(--tiny-color-icon-hover,#2e86de)}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item>span{margin-right:var(--tiny-spacing-2_5,.625rem)}.tiny-cascader__suggestion-panel .tiny-cascader__empty-text{margin-top:var(--tiny-spacing-2_5,.625rem);margin-bottom:var(--tiny-spacing-2_5,.625rem);margin-left:var(--tiny-spacing-0,0);margin-right:var(--tiny-spacing-0,0);color:var(--tiny-color-text-placeholder,#aeaeae)}.tiny-cascader__search-input{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;height:var(--tiny-spacing-6,1.5rem);min-width:var(--tiny-spacing-16,4rem);color:var(--tiny-color-text-primary,#191919);font-size:var(--tiny-fontSize-xs,.75rem);border-style:none;outline-width:0;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-cascader__search-input::-moz-placeholder{color:var(--tiny-color-text-placeholder,#aeaeae);opacity:var(--tiny-opacity-100,1)}.tiny-cascader__search-input:-ms-input-placeholder{color:var(--tiny-color-text-placeholder,#aeaeae)}.tiny-cascader__search-input::-webkit-input-placeholder{color:var(--tiny-color-text-placeholder,#aeaeae)}.tiny-cascader__search-input::-ms-input-placeholder{color:var(--tiny-color-text-placeholder,#aeaeae)}.tiny-cascader__search-input::placeholder{color:var(--tiny-color-text-placeholder,#aeaeae)}
|
package/checkbox/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-checkbox{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--tiny-color-text-primary,#191919);font-weight:500;font-size:0;white-space:nowrap;margin-right:var(--tiny-spacing-4,1rem);outline-width:0;cursor:pointer;line-height:var(--tiny-lineHeight-5,1.25rem);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.tiny-checkbox:last-of-type{margin-right:var(--tiny-spacing-0,0)}.tiny-checkbox.is-filter{background-color:var(--tiny-color-bg-2,#f5f6f8);padding-left:var(--tiny-spacing-2_5,.625rem);padding-right:var(--tiny-spacing-2_5,.625rem);border-radius:var(--tiny-borderRadius-sm,.125rem);max-width:var(--tiny-spacing-48,12rem)}.tiny-checkbox.is-filter .tiny-checkbox__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:var(--tiny-lineHeight-7,1.75rem)}.tiny-checkbox.is-bordered{padding-top:var(--tiny-spacing-2,.5rem);padding-bottom:var(--tiny-spacing-2,.5rem);padding-left:var(--tiny-spacing-4,1rem);padding-right:var(--tiny-spacing-4,1rem);border-radius:var(--tiny-borderRadius-sm,.125rem);border-width:var(--tiny-borderWidth-DEFAULT,1px);border-style:solid;border-color:var(--tiny-color-border,#c9c9c9);-webkit-box-sizing:border-box;box-sizing:border-box;line-height:var(--tiny-lineHeight-normal,1.5);height:var(--tiny-spacing-10,2.5rem)}.tiny-checkbox.is-bordered>.tiny-checkbox__label.tiny-checkbox-display-only{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-checkbox.is-bordered+.tiny-checkbox.is-bordered{margin-left:var(--tiny-spacing-2_5,.625rem)}.tiny-checkbox.is-bordered.is-checked{border-color:var(--tiny-color-border-focus,#0067d1)}.tiny-checkbox.is-bordered.is-disabled{border-color:var(--tiny-color-bg-2,#f5f6f8);color:var(--tiny-color-text-secondary,#595959);pointer-events:none;cursor:not-allowed}.tiny-checkbox.is-bordered.is-disabled .tiny-checkbox__inner,.tiny-checkbox.is-bordered.is-disabled .tiny-checkbox__inner:hover{border-color:var(--tiny-color-bg-2,#f5f6f8);cursor:not-allowed}.tiny-checkbox.is-bordered.is-disabled.is-checked{border-color:var(--tiny-color-text-secondary,#595959)}.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner,.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner:hover{background-color:var(--tiny-color-text-secondary,#595959);border-color:var(--tiny-color-text-secondary,#595959)}.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner::after,.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner:hover::after{border-color:var(--tiny-color-bg-2,#f5f6f8)}.tiny-checkbox.is-bordered.tiny-checkbox--medium{padding-top:var(--tiny-spacing-2,.5rem);padding-bottom:var(--tiny-spacing-2,.5rem);padding-left:var(--tiny-spacing-4,1rem);padding-right:var(--tiny-spacing-4,1rem);border-radius:var(--tiny-borderRadius-DEFAULT,.25rem);height:var(--tiny-spacing-9,2.25rem)}.tiny-checkbox.is-bordered.tiny-checkbox--medium .tiny-checkbox__label{line-height:var(--tiny-lineHeight-normal,1.5);font-size:var(--tiny-fontSize-sm,.875rem)}.tiny-checkbox.is-bordered.tiny-checkbox--medium .tiny-checkbox__inner{height:var(--tiny-spacing-3_5,.875rem);width:var(--tiny-spacing-3_5,.875rem)}.tiny-checkbox.is-bordered.tiny-checkbox--small{padding-top:var(--tiny-spacing-1,.25rem);padding-bottom:var(--tiny-spacing-1,.25rem);padding-left:var(--tiny-spacing-3,.75rem);padding-right:var(--tiny-spacing-3,.75rem);border-radius:var(--tiny-borderRadius-sm,.125rem);height:var(--tiny-spacing-8,2rem)}.tiny-checkbox.is-bordered.tiny-checkbox--small .tiny-checkbox__label{line-height:var(--tiny-lineHeight-normal,1.5);font-size:var(--tiny-fontSize-sm,.875rem)}.tiny-checkbox.is-bordered.tiny-checkbox--small .tiny-checkbox__inner{height:var(--tiny-spacing-3,.75rem);width:var(--tiny-spacing-3,.75rem)}.tiny-checkbox.is-bordered.tiny-checkbox--small .tiny-checkbox__inner::after{height:var(--tiny-spacing-1_5,.375rem);width:var(--tiny-spacing-0_5,.125rem)}.tiny-checkbox.is-bordered.tiny-checkbox--mini{padding-top:var(--tiny-spacing-0_5,.125rem);padding-bottom:var(--tiny-spacing-0_5,.125rem);padding-left:var(--tiny-spacing-2_5,.625rem);padding-right:var(--tiny-spacing-2_5,.625rem);border-radius:var(--tiny-borderRadius-sm,.125rem);height:var(--tiny-spacing-7,1.75rem)}.tiny-checkbox.is-bordered.tiny-checkbox--mini .tiny-checkbox__label{line-height:var(--tiny-lineHeight-3,.75rem);font-size:var(--tiny-fontSize-xs,.75rem)}.tiny-checkbox.is-bordered.tiny-checkbox--mini .tiny-checkbox__inner{height:var(--tiny-spacing-3,.75rem);width:var(--tiny-spacing-3,.75rem)}.tiny-checkbox.is-bordered.tiny-checkbox--mini .tiny-checkbox__inner::after{height:var(--tiny-spacing-1_5,.375rem);width:var(--tiny-spacing-0_5,.125rem)}.tiny-checkbox:hover .tiny-checkbox__input:not(.is-disabled) .tiny-checkbox__inner svg{fill:var(--tiny-color-icon-hover,#2e86de)}.tiny-checkbox:active .tiny-checkbox__input:not(.is-disabled) .tiny-checkbox__inner svg{fill:var(--tiny-color-icon-active,#004ea8)}.tiny-checkbox__input{position:relative;white-space:nowrap;vertical-align:middle;outline-width:0;line-height:var(--tiny-lineHeight-none,1);cursor:pointer}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-checkbox__input{display:inline-block}}@supports (-ms-ime-align:auto){.tiny-checkbox__input{display:inline-block}}.tiny-checkbox__input.is-checked .tiny-checkbox__inner,.tiny-checkbox__input.is-indeterminate .tiny-checkbox__inner{border-style:none}.tiny-checkbox__input.is-checked .tiny-checkbox__inner svg,.tiny-checkbox__input.is-indeterminate .tiny-checkbox__inner svg{fill:var(--tiny-color-brand,#0067d1)}.tiny-checkbox__input.is-checked:not(.is-disabled) .tiny-checkbox__inner svg path:nth-of-type(2){--tw-shadow:var(--tiny-boxShadow-xsm, 0px 1px 3px 0px rgba(0, 0, 0, 0.30));--tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);-webkit-box-shadow:var(--tiny-boxShadow-xsm,0 1px 3px 0 rgba(0,0,0,.3));box-shadow:var(--tiny-boxShadow-xsm,0 1px 3px 0 rgba(0,0,0,.3))}.tiny-checkbox__input.is-indeterminate:not(.is-disabled) .tiny-checkbox__inner svg path:nth-of-type(1){--tw-shadow:var(--tiny-boxShadow-xsm, 0px 1px 3px 0px rgba(0, 0, 0, 0.30));--tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);-webkit-box-shadow:var(--tiny-boxShadow-xsm,0 1px 3px 0 rgba(0,0,0,.3));box-shadow:var(--tiny-boxShadow-xsm,0 1px 3px 0 rgba(0,0,0,.3))}.tiny-checkbox__input.is-disabled .tiny-checkbox__inner{cursor:not-allowed}.tiny-checkbox__input.is-disabled .tiny-checkbox__inner+.tiny-checkbox__label{cursor:not-allowed}.tiny-checkbox__input.is-disabled .tiny-checkbox__inner svg{fill:var(--tiny-color-border,#c9c9c9)}.tiny-checkbox__input.is-disabled svg.icon-check path:nth-of-type(1){fill:var(--tiny-color-bg-3,#f3f3f3)}.tiny-checkbox__input.is-disabled svg.icon-check path:nth-of-type(2){fill:var(--tiny-color-border,#c9c9c9)}.tiny-checkbox__input.is-disabled svg.icon-checked-sur path:nth-of-type(1){fill:var(--tiny-color-brand-disabled,#b8d9f9)}.tiny-checkbox__input.is-disabled svg.icon-halfselect path:nth-of-type(1){fill:var(--tiny-color-brand-disabled,#b8d9f9)}.tiny-checkbox__input.is-disabled.is-checked .tiny-checkbox__inner svg,.tiny-checkbox__input.is-disabled.is-checked .tiny-checkbox__inner:hover svg{fill:var(--tiny-color-brand-disabled,#b8d9f9)}.tiny-checkbox__input.is-disabled.is-indeterminate .tiny-checkbox__inner svg,.tiny-checkbox__input.is-disabled.is-indeterminate .tiny-checkbox__inner:hover svg{fill:var(--tiny-color-brand-disabled,#b8d9f9)}.tiny-checkbox__input.is-disabled+span.tiny-checkbox__label{color:var(--tiny-color-text-secondary,#595959);cursor:not-allowed}.tiny-checkbox__input.is-disabled:not(.is-checked):not(.is-indeterminate) svg>path:first-child{fill:var(--tiny-color-bg-3,#f3f3f3)}.tiny-checkbox__inner{display:inline-block;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;outline-width:0;z-index:1;width:var(--tiny-spacing-4,1rem);font-size:var(--tiny-fontSize-base,1rem);-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.tiny-checkbox__inner>.tiny-svg{vertical-align:top;fill:var(--tiny-color-icon-secondary,#
|
|
1
|
+
.tiny-checkbox{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--tiny-color-text-primary,#191919);font-weight:500;font-size:0;white-space:nowrap;margin-right:var(--tiny-spacing-4,1rem);outline-width:0;cursor:pointer;line-height:var(--tiny-lineHeight-5,1.25rem);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.tiny-checkbox:last-of-type{margin-right:var(--tiny-spacing-0,0)}.tiny-checkbox.is-filter{background-color:var(--tiny-color-bg-2,#f5f6f8);padding-left:var(--tiny-spacing-2_5,.625rem);padding-right:var(--tiny-spacing-2_5,.625rem);border-radius:var(--tiny-borderRadius-sm,.125rem);max-width:var(--tiny-spacing-48,12rem)}.tiny-checkbox.is-filter .tiny-checkbox__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:var(--tiny-lineHeight-7,1.75rem)}.tiny-checkbox.is-bordered{padding-top:var(--tiny-spacing-2,.5rem);padding-bottom:var(--tiny-spacing-2,.5rem);padding-left:var(--tiny-spacing-4,1rem);padding-right:var(--tiny-spacing-4,1rem);border-radius:var(--tiny-borderRadius-sm,.125rem);border-width:var(--tiny-borderWidth-DEFAULT,1px);border-style:solid;border-color:var(--tiny-color-border,#c9c9c9);-webkit-box-sizing:border-box;box-sizing:border-box;line-height:var(--tiny-lineHeight-normal,1.5);height:var(--tiny-spacing-10,2.5rem)}.tiny-checkbox.is-bordered>.tiny-checkbox__label.tiny-checkbox-display-only{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-checkbox.is-bordered+.tiny-checkbox.is-bordered{margin-left:var(--tiny-spacing-2_5,.625rem)}.tiny-checkbox.is-bordered.is-checked{border-color:var(--tiny-color-border-focus,#0067d1)}.tiny-checkbox.is-bordered.is-disabled{border-color:var(--tiny-color-bg-2,#f5f6f8);color:var(--tiny-color-text-secondary,#595959);pointer-events:none;cursor:not-allowed}.tiny-checkbox.is-bordered.is-disabled .tiny-checkbox__inner,.tiny-checkbox.is-bordered.is-disabled .tiny-checkbox__inner:hover{border-color:var(--tiny-color-bg-2,#f5f6f8);cursor:not-allowed}.tiny-checkbox.is-bordered.is-disabled.is-checked{border-color:var(--tiny-color-text-secondary,#595959)}.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner,.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner:hover{background-color:var(--tiny-color-text-secondary,#595959);border-color:var(--tiny-color-text-secondary,#595959)}.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner::after,.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner:hover::after{border-color:var(--tiny-color-bg-2,#f5f6f8)}.tiny-checkbox.is-bordered.tiny-checkbox--medium{padding-top:var(--tiny-spacing-2,.5rem);padding-bottom:var(--tiny-spacing-2,.5rem);padding-left:var(--tiny-spacing-4,1rem);padding-right:var(--tiny-spacing-4,1rem);border-radius:var(--tiny-borderRadius-DEFAULT,.25rem);height:var(--tiny-spacing-9,2.25rem)}.tiny-checkbox.is-bordered.tiny-checkbox--medium .tiny-checkbox__label{line-height:var(--tiny-lineHeight-normal,1.5);font-size:var(--tiny-fontSize-sm,.875rem)}.tiny-checkbox.is-bordered.tiny-checkbox--medium .tiny-checkbox__inner{height:var(--tiny-spacing-3_5,.875rem);width:var(--tiny-spacing-3_5,.875rem)}.tiny-checkbox.is-bordered.tiny-checkbox--small{padding-top:var(--tiny-spacing-1,.25rem);padding-bottom:var(--tiny-spacing-1,.25rem);padding-left:var(--tiny-spacing-3,.75rem);padding-right:var(--tiny-spacing-3,.75rem);border-radius:var(--tiny-borderRadius-sm,.125rem);height:var(--tiny-spacing-8,2rem)}.tiny-checkbox.is-bordered.tiny-checkbox--small .tiny-checkbox__label{line-height:var(--tiny-lineHeight-normal,1.5);font-size:var(--tiny-fontSize-sm,.875rem)}.tiny-checkbox.is-bordered.tiny-checkbox--small .tiny-checkbox__inner{height:var(--tiny-spacing-3,.75rem);width:var(--tiny-spacing-3,.75rem)}.tiny-checkbox.is-bordered.tiny-checkbox--small .tiny-checkbox__inner::after{height:var(--tiny-spacing-1_5,.375rem);width:var(--tiny-spacing-0_5,.125rem)}.tiny-checkbox.is-bordered.tiny-checkbox--mini{padding-top:var(--tiny-spacing-0_5,.125rem);padding-bottom:var(--tiny-spacing-0_5,.125rem);padding-left:var(--tiny-spacing-2_5,.625rem);padding-right:var(--tiny-spacing-2_5,.625rem);border-radius:var(--tiny-borderRadius-sm,.125rem);height:var(--tiny-spacing-7,1.75rem)}.tiny-checkbox.is-bordered.tiny-checkbox--mini .tiny-checkbox__label{line-height:var(--tiny-lineHeight-3,.75rem);font-size:var(--tiny-fontSize-xs,.75rem)}.tiny-checkbox.is-bordered.tiny-checkbox--mini .tiny-checkbox__inner{height:var(--tiny-spacing-3,.75rem);width:var(--tiny-spacing-3,.75rem)}.tiny-checkbox.is-bordered.tiny-checkbox--mini .tiny-checkbox__inner::after{height:var(--tiny-spacing-1_5,.375rem);width:var(--tiny-spacing-0_5,.125rem)}.tiny-checkbox:hover .tiny-checkbox__input:not(.is-disabled) .tiny-checkbox__inner svg{fill:var(--tiny-color-icon-hover,#2e86de)}.tiny-checkbox:active .tiny-checkbox__input:not(.is-disabled) .tiny-checkbox__inner svg{fill:var(--tiny-color-icon-active,#004ea8)}.tiny-checkbox__input{position:relative;white-space:nowrap;vertical-align:middle;outline-width:0;line-height:var(--tiny-lineHeight-none,1);cursor:pointer}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-checkbox__input{display:inline-block}}@supports (-ms-ime-align:auto){.tiny-checkbox__input{display:inline-block}}.tiny-checkbox__input.is-checked .tiny-checkbox__inner,.tiny-checkbox__input.is-indeterminate .tiny-checkbox__inner{border-style:none}.tiny-checkbox__input.is-checked .tiny-checkbox__inner svg,.tiny-checkbox__input.is-indeterminate .tiny-checkbox__inner svg{fill:var(--tiny-color-brand,#0067d1)}.tiny-checkbox__input.is-checked:not(.is-disabled) .tiny-checkbox__inner svg path:nth-of-type(2){--tw-shadow:var(--tiny-boxShadow-xsm, 0px 1px 3px 0px rgba(0, 0, 0, 0.30));--tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);-webkit-box-shadow:var(--tiny-boxShadow-xsm,0 1px 3px 0 rgba(0,0,0,.3));box-shadow:var(--tiny-boxShadow-xsm,0 1px 3px 0 rgba(0,0,0,.3))}.tiny-checkbox__input.is-indeterminate:not(.is-disabled) .tiny-checkbox__inner svg path:nth-of-type(1){--tw-shadow:var(--tiny-boxShadow-xsm, 0px 1px 3px 0px rgba(0, 0, 0, 0.30));--tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);-webkit-box-shadow:var(--tiny-boxShadow-xsm,0 1px 3px 0 rgba(0,0,0,.3));box-shadow:var(--tiny-boxShadow-xsm,0 1px 3px 0 rgba(0,0,0,.3))}.tiny-checkbox__input.is-disabled .tiny-checkbox__inner{cursor:not-allowed}.tiny-checkbox__input.is-disabled .tiny-checkbox__inner+.tiny-checkbox__label{cursor:not-allowed}.tiny-checkbox__input.is-disabled .tiny-checkbox__inner svg{fill:var(--tiny-color-border,#c9c9c9)}.tiny-checkbox__input.is-disabled svg.icon-check path:nth-of-type(1){fill:var(--tiny-color-bg-3,#f3f3f3)}.tiny-checkbox__input.is-disabled svg.icon-check path:nth-of-type(2){fill:var(--tiny-color-border,#c9c9c9)}.tiny-checkbox__input.is-disabled svg.icon-checked-sur path:nth-of-type(1){fill:var(--tiny-color-brand-disabled,#b8d9f9)}.tiny-checkbox__input.is-disabled svg.icon-halfselect path:nth-of-type(1){fill:var(--tiny-color-brand-disabled,#b8d9f9)}.tiny-checkbox__input.is-disabled.is-checked .tiny-checkbox__inner svg,.tiny-checkbox__input.is-disabled.is-checked .tiny-checkbox__inner:hover svg{fill:var(--tiny-color-brand-disabled,#b8d9f9)}.tiny-checkbox__input.is-disabled.is-indeterminate .tiny-checkbox__inner svg,.tiny-checkbox__input.is-disabled.is-indeterminate .tiny-checkbox__inner:hover svg{fill:var(--tiny-color-brand-disabled,#b8d9f9)}.tiny-checkbox__input.is-disabled+span.tiny-checkbox__label{color:var(--tiny-color-text-secondary,#595959);cursor:not-allowed}.tiny-checkbox__input.is-disabled:not(.is-checked):not(.is-indeterminate) svg>path:first-child{fill:var(--tiny-color-bg-3,#f3f3f3)}.tiny-checkbox__inner{display:inline-block;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;outline-width:0;z-index:1;width:var(--tiny-spacing-4,1rem);font-size:var(--tiny-fontSize-base,1rem);-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.tiny-checkbox__inner>.tiny-svg{vertical-align:top;fill:var(--tiny-color-icon-secondary,#595959)}.tiny-checkbox__original{opacity:var(--tiny-opacity-0,0);outline-width:0;position:absolute;margin:var(--tiny-spacing-0,0);width:var(--tiny-spacing-0,0);height:var(--tiny-spacing-0,0);z-index:-1}.tiny-checkbox__label{padding-left:var(--tiny-spacing-2,.5rem);font-size:var(--tiny-fontSize-sm,.875rem)}.tiny-checkbox.is-display-only .tiny-checkbox__input.is-disabled+span.tiny-checkbox__label{color:var(--tiny-color-text-primary,#191919)}.tiny-checkbox.is-group-display-only{margin:var(--tiny-spacing-0,0);padding:var(--tiny-spacing-0,0);display:none}.tiny-checkbox.is-group-display-only.is-checked{display:inline-block}.tiny-checkbox.is-group-display-only .tiny-checkbox__input{display:none}.tiny-checkbox.is-group-display-only .tiny-checkbox__label::after{content:';';display:inline-block}.tiny-checkbox.is-group-display-only .tiny-checkbox__label{margin:var(--tiny-spacing-0,0);padding:var(--tiny-spacing-0,0)}
|
package/collapse-item/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-collapse-item{border-bottom-width:var(--tiny-borderWidth-DEFAULT,1px);border-bottom-color:var(--tiny-color-border-separator,#dfdfdf)}.tiny-collapse-item:last-child{border-bottom-width:var(--tiny-borderWidth-0,0)}.tiny-collapse-item.is-disabled .tiny-collapse-item__header .tiny-collapse-item__word-overflow{color:var(--tiny-color-text-disabled,#aeaeae);cursor:not-allowed}.tiny-collapse-item.is-disabled .tiny-collapse-item__header:has(.tiny-collapse-item__word-overflow:hover) .tiny-collapse-item__arrow{fill:var(--tiny-color-text-disabled,#aeaeae);cursor:not-allowed}.tiny-collapse-item.is-disabled .tiny-collapse-item__header:has(.tiny-collapse-item__arrow:hover) .tiny-collapse-item__word-overflow{color:var(--tiny-color-text-disabled,#aeaeae);cursor:not-allowed}.tiny-collapse-item.is-disabled .tiny-collapse-item__arrow{fill:var(--tiny-color-text-disabled,#aeaeae);cursor:not-allowed}.tiny-collapse-item__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--tiny-spacing-10,2.5rem);line-height:var(--tiny-lineHeight-10,2.5rem);border-radius:var(--tiny-borderRadius-DEFAULT,.25rem);color:var(--tiny-color-text-primary,#191919);padding-top:var(--tiny-spacing-0,0);padding-bottom:var(--tiny-spacing-0,0);padding-left:var(--tiny-spacing-0,0);font-size:var(--tiny-fontSize-sm,.875rem);font-weight:700;outline-width:0;-webkit-transition:border-bottom-color .3s;transition:border-bottom-color .3s}.tiny-collapse-item__header.is-active{border-bottom-color:transparent}.tiny-collapse-item__header .tiny-collapse-item__word-overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.tiny-collapse-item__header .tiny-collapse-item__word-overflow:hover{color:var(--tiny-color-brand,#0067d1)}.tiny-collapse-item__header:has(.tiny-collapse-item__word-overflow:hover) .tiny-collapse-item__arrow svg{fill:var(--tiny-color-brand,#0067d1)}.tiny-collapse-item__header:has(.tiny-collapse-item__arrow:hover) .tiny-collapse-item__word-overflow{color:var(--tiny-color-brand,#0067d1)}.tiny-collapse-item__header svg{-ms-flex-negative:0;flex-shrink:0}.tiny-collapse-item__title__right{margin-left:auto}.tiny-collapse-item__arrow{font-size:var(--tiny-fontSize-xs,.75rem);margin-right:var(--tiny-spacing-1,.25rem);-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;--tw-rotate:-90deg;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.3s;transition-duration:.3s;cursor:pointer}.tiny-collapse-item__arrow:hover svg{fill:var(--tiny-color-brand,#0067d1)}.tiny-collapse-item__arrow.is-active{--tw-rotate:0deg;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tiny-collapse-item__word-overflow{cursor:pointer}.tiny-collapse-item__wrap{will-change:height;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-collapse-item__content{padding-bottom:var(--tiny-spacing-4,1rem);padding-left:var(--tiny-spacing-4,1rem);font-size:var(--tiny-fontSize-xs,.75rem);color:var(--tiny-color-text-primary,#191919);line-height:var(--tiny-lineHeight-5,1.25rem)}.tiny-collapse-item__arrow-icon{margin-top:calc(var(--tiny-spacing-px,.0625rem) * -1);font-size:var(--tiny-fontSize-xs,.75rem);fill:var(--tiny-color-icon-secondary,#
|
|
1
|
+
.tiny-collapse-item{border-bottom-width:var(--tiny-borderWidth-DEFAULT,1px);border-bottom-color:var(--tiny-color-border-separator,#dfdfdf)}.tiny-collapse-item:last-child{border-bottom-width:var(--tiny-borderWidth-0,0)}.tiny-collapse-item.is-disabled .tiny-collapse-item__header .tiny-collapse-item__word-overflow{color:var(--tiny-color-text-disabled,#aeaeae);cursor:not-allowed}.tiny-collapse-item.is-disabled .tiny-collapse-item__header:has(.tiny-collapse-item__word-overflow:hover) .tiny-collapse-item__arrow{fill:var(--tiny-color-text-disabled,#aeaeae);cursor:not-allowed}.tiny-collapse-item.is-disabled .tiny-collapse-item__header:has(.tiny-collapse-item__arrow:hover) .tiny-collapse-item__word-overflow{color:var(--tiny-color-text-disabled,#aeaeae);cursor:not-allowed}.tiny-collapse-item.is-disabled .tiny-collapse-item__arrow{fill:var(--tiny-color-text-disabled,#aeaeae);cursor:not-allowed}.tiny-collapse-item__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--tiny-spacing-10,2.5rem);line-height:var(--tiny-lineHeight-10,2.5rem);border-radius:var(--tiny-borderRadius-DEFAULT,.25rem);color:var(--tiny-color-text-primary,#191919);padding-top:var(--tiny-spacing-0,0);padding-bottom:var(--tiny-spacing-0,0);padding-left:var(--tiny-spacing-0,0);font-size:var(--tiny-fontSize-sm,.875rem);font-weight:700;outline-width:0;-webkit-transition:border-bottom-color .3s;transition:border-bottom-color .3s}.tiny-collapse-item__header.is-active{border-bottom-color:transparent}.tiny-collapse-item__header .tiny-collapse-item__word-overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.tiny-collapse-item__header .tiny-collapse-item__word-overflow:hover{color:var(--tiny-color-brand,#0067d1)}.tiny-collapse-item__header:has(.tiny-collapse-item__word-overflow:hover) .tiny-collapse-item__arrow svg{fill:var(--tiny-color-brand,#0067d1)}.tiny-collapse-item__header:has(.tiny-collapse-item__arrow:hover) .tiny-collapse-item__word-overflow{color:var(--tiny-color-brand,#0067d1)}.tiny-collapse-item__header svg{-ms-flex-negative:0;flex-shrink:0}.tiny-collapse-item__title__right{margin-left:auto}.tiny-collapse-item__arrow{font-size:var(--tiny-fontSize-xs,.75rem);margin-right:var(--tiny-spacing-1,.25rem);-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;--tw-rotate:-90deg;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.3s;transition-duration:.3s;cursor:pointer}.tiny-collapse-item__arrow:hover svg{fill:var(--tiny-color-brand,#0067d1)}.tiny-collapse-item__arrow.is-active{--tw-rotate:0deg;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tiny-collapse-item__word-overflow{cursor:pointer}.tiny-collapse-item__wrap{will-change:height;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-collapse-item__content{padding-bottom:var(--tiny-spacing-4,1rem);padding-left:var(--tiny-spacing-4,1rem);font-size:var(--tiny-fontSize-xs,.75rem);color:var(--tiny-color-text-primary,#191919);line-height:var(--tiny-lineHeight-5,1.25rem)}.tiny-collapse-item__arrow-icon{margin-top:calc(var(--tiny-spacing-px,.0625rem) * -1);font-size:var(--tiny-fontSize-xs,.75rem);fill:var(--tiny-color-icon-secondary,#595959);vertical-align:baseline}
|
package/date-panel/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-date-picker{width:360px}.tiny-date-picker.has-sidebar.has-time{min-width:434px}.tiny-date-picker.has-sidebar{width:525px}.tiny-date-picker.has-time .tiny-picker-panel__body-wrapper{position:relative}.tiny-date-picker table{table-layout:fixed;width:100%}.tiny-date-picker__header{padding:var(--tiny-spacing-4,1rem);height:var(--tiny-spacing-12,3rem);text-align:center}.tiny-date-picker__header--bordered{margin-bottom:var(--tiny-spacing-0,0);padding-bottom:var(--tiny-spacing-3,.75rem)}.tiny-date-picker__header--bordered+.tiny-picker-panel__content{margin-top:var(--tiny-spacing-0,0)}.tiny-date-picker__header-label{font-size:var(--tiny-fontSize-xs,.75rem);font-weight:500;padding-top:var(--tiny-spacing-0,0);padding-bottom:var(--tiny-spacing-0,0);padding-left:var(--tiny-spacing-1,.25rem);padding-right:var(--tiny-spacing-1,.25rem);text-align:center;cursor:pointer;color:var(--tiny-color-text-primary,#191919);vertical-align:middle}.tiny-date-picker__header-label.active,.tiny-date-picker__header-label:hover{color:var(--tiny-color-brand,#0067d1)}.tiny-date-picker__prev-btn{float:left}.tiny-date-picker__next-btn{float:right}.tiny-date-picker__time-wrap{padding:var(--tiny-spacing-2_5,.625rem);text-align:center}.tiny-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:var(--tiny-spacing-2_5,.625rem)}.tiny-date-picker__time-header,.tiny-date-range-picker__time-header{position:relative;font-size:var(--tiny-fontSize-xs,.75rem);height:var(--tiny-spacing-10,2.5rem);line-height:var(--tiny-lineHeight-10,2.5rem);display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom-width:var(--tiny-borderWidth-DEFAULT,1px);border-bottom-color:var(--tiny-color-bg-3,#f3f3f3)}.tiny-date-picker__editors-wrap:first-child,.tiny-date-range-picker__editors-wrap:first-child{border-right-width:var(--tiny-borderWidth-DEFAULT,1px);border-right-color:var(--tiny-color-bg-3,#f3f3f3);position:relative;left:calc(var(--tiny-spacing-px,.0625rem) * -1)}.tiny-date-picker__editor-wrap,.tiny-date-picker__time-picker-wrap,.tiny-date-range-picker__editor-wrap,.tiny-date-range-picker__time-picker-wrap{position:relative;display:table-cell;padding:0 5px}.tiny-date-picker__editor-wrap:first-child::before,.tiny-date-picker__time-picker-wrap:first-child::before,.tiny-date-range-picker__editor-wrap:first-child::before,.tiny-date-range-picker__time-picker-wrap:first-child::before{--tw-content:'';content:var(--tw-content);height:var(--tiny-spacing-6,1.5rem);position:absolute;right:var(--tiny-spacing-0,0);top:var(--tiny-spacing-2,.5rem);border-right-width:var(--tiny-borderWidth-DEFAULT,1px);border-right-color:var(--tiny-color-bg-3,#f3f3f3)}.tiny-date-picker__editor-wrap .tiny-input__inner,.tiny-date-picker__time-picker-wrap .tiny-input__inner,.tiny-date-range-picker__editor-wrap .tiny-input__inner,.tiny-date-range-picker__time-picker-wrap .tiny-input__inner{border-width:var(--tiny-borderWidth-0,0);text-align:center;color:var(--tiny-color-text-primary,#191919)}.tiny-picker-panel{color:var(--tiny-color-text-primary,#191919);font-size:var(--tiny-fontSize-xs,.75rem);--tw-shadow:var(--tiny-boxShadow-md,
|
|
1
|
+
.tiny-date-picker{width:360px}.tiny-date-picker.has-sidebar.has-time{min-width:434px}.tiny-date-picker.has-sidebar{width:525px}.tiny-date-picker.has-time .tiny-picker-panel__body-wrapper{position:relative}.tiny-date-picker table{table-layout:fixed;width:100%}.tiny-date-picker__header{padding:var(--tiny-spacing-4,1rem);height:var(--tiny-spacing-12,3rem);text-align:center}.tiny-date-picker__header--bordered{margin-bottom:var(--tiny-spacing-0,0);padding-bottom:var(--tiny-spacing-3,.75rem)}.tiny-date-picker__header--bordered+.tiny-picker-panel__content{margin-top:var(--tiny-spacing-0,0)}.tiny-date-picker__header-label{font-size:var(--tiny-fontSize-xs,.75rem);font-weight:500;padding-top:var(--tiny-spacing-0,0);padding-bottom:var(--tiny-spacing-0,0);padding-left:var(--tiny-spacing-1,.25rem);padding-right:var(--tiny-spacing-1,.25rem);text-align:center;cursor:pointer;color:var(--tiny-color-text-primary,#191919);vertical-align:middle}.tiny-date-picker__header-label.active,.tiny-date-picker__header-label:hover{color:var(--tiny-color-brand,#0067d1)}.tiny-date-picker__prev-btn{float:left}.tiny-date-picker__next-btn{float:right}.tiny-date-picker__time-wrap{padding:var(--tiny-spacing-2_5,.625rem);text-align:center}.tiny-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:var(--tiny-spacing-2_5,.625rem)}.tiny-date-picker__time-header,.tiny-date-range-picker__time-header{position:relative;font-size:var(--tiny-fontSize-xs,.75rem);height:var(--tiny-spacing-10,2.5rem);line-height:var(--tiny-lineHeight-10,2.5rem);display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom-width:var(--tiny-borderWidth-DEFAULT,1px);border-bottom-color:var(--tiny-color-bg-3,#f3f3f3)}.tiny-date-picker__editors-wrap:first-child,.tiny-date-range-picker__editors-wrap:first-child{border-right-width:var(--tiny-borderWidth-DEFAULT,1px);border-right-color:var(--tiny-color-bg-3,#f3f3f3);position:relative;left:calc(var(--tiny-spacing-px,.0625rem) * -1)}.tiny-date-picker__editor-wrap,.tiny-date-picker__time-picker-wrap,.tiny-date-range-picker__editor-wrap,.tiny-date-range-picker__time-picker-wrap{position:relative;display:table-cell;padding:0 5px}.tiny-date-picker__editor-wrap:first-child::before,.tiny-date-picker__time-picker-wrap:first-child::before,.tiny-date-range-picker__editor-wrap:first-child::before,.tiny-date-range-picker__time-picker-wrap:first-child::before{--tw-content:'';content:var(--tw-content);height:var(--tiny-spacing-6,1.5rem);position:absolute;right:var(--tiny-spacing-0,0);top:var(--tiny-spacing-2,.5rem);border-right-width:var(--tiny-borderWidth-DEFAULT,1px);border-right-color:var(--tiny-color-bg-3,#f3f3f3)}.tiny-date-picker__editor-wrap .tiny-input__inner,.tiny-date-picker__time-picker-wrap .tiny-input__inner,.tiny-date-range-picker__editor-wrap .tiny-input__inner,.tiny-date-range-picker__time-picker-wrap .tiny-input__inner{border-width:var(--tiny-borderWidth-0,0);text-align:center;color:var(--tiny-color-text-primary,#191919)}.tiny-picker-panel{color:var(--tiny-color-text-primary,#191919);font-size:var(--tiny-fontSize-xs,.75rem);--tw-shadow:var(--tiny-boxShadow-md, 1px 4px 12px 0px rgba(0, 0, 0, 0.16));--tw-shadow-colored:1px 4px 12px 0px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);-webkit-box-shadow:var(--tiny-boxShadow-md,1px 4px 12px 0 rgba(0,0,0,.16));box-shadow:var(--tiny-boxShadow-md,1px 4px 12px 0 rgba(0,0,0,.16));background-color:var(--tiny-color-bg-1,#fff);border-radius:var(--tiny-borderRadius-DEFAULT,.25rem);line-height:var(--tiny-lineHeight-4,1rem);margin-top:var(--tiny-spacing-0_5,.125rem);margin-bottom:var(--tiny-spacing-0_5,.125rem);margin-left:var(--tiny-spacing-0,0);margin-right:var(--tiny-spacing-0,0)}.tiny-picker-panel__body-wrapper::after,.tiny-picker-panel__body::after{--tw-content:'';content:var(--tw-content);display:table;clear:both}.tiny-picker-panel__body-wrapper{position:relative}.tiny-picker-panel__content{position:relative;padding-top:var(--tiny-spacing-0,0);padding-bottom:var(--tiny-spacing-0,0);padding-left:var(--tiny-spacing-4,1rem);padding-right:var(--tiny-spacing-4,1rem)}.tiny-picker-panel__content:not(.tiny-date-range-picker__content) .tiny-month-table td .cell,.tiny-picker-panel__content:not(.tiny-date-range-picker__content) .tiny-year-table td .cell{margin-top:var(--tiny-spacing-0,0);margin-bottom:var(--tiny-spacing-0,0);margin-left:auto;margin-right:auto}.tiny-picker-panel__footer{border-top-width:var(--tiny-borderWidth-DEFAULT,1px);border-top-color:var(--tiny-color-bg-3,#f3f3f3);padding-top:var(--tiny-spacing-3,.75rem);padding-bottom:var(--tiny-spacing-3,.75rem);padding-left:var(--tiny-spacing-4,1rem);padding-right:var(--tiny-spacing-4,1rem);background-color:var(--tiny-color-bg-1,#fff);overflow:hidden;border-bottom-right-radius:var(--tiny-borderRadius-DEFAULT,.25rem);border-bottom-left-radius:var(--tiny-borderRadius-DEFAULT,.25rem)}.tiny-picker-panel__footer .tiny-button{min-width:72px;height:var(--tiny-spacing-7,1.75rem);font-size:var(--tiny-fontSize-xs,.75rem)}.tiny-picker-panel__footer .tiny-button:first-child{padding-left:var(--tiny-spacing-0,0)}.tiny-picker-panel__footer .tiny-button:last-child{float:right}.tiny-picker-panel__footer .tiny-button--text{text-align:left}.tiny-picker-panel__shortcut{display:block;width:100px;margin-top:var(--tiny-spacing-0,0);margin-bottom:var(--tiny-spacing-0,0);margin-left:auto;margin-right:auto;border-radius:var(--tiny-borderRadius-DEFAULT,.25rem);border-width:var(--tiny-borderWidth-0,0);background-color:transparent;line-height:var(--tiny-lineHeight-8,2rem);font-size:var(--tiny-fontSize-xs,.75rem);color:var(--tiny-color-text-primary,#191919);padding-left:var(--tiny-spacing-4,1rem);text-align:left;outline-width:0;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-picker-panel__shortcut:hover{background-color:var(--tiny-color-bg-2,#f5f6f8)}.tiny-picker-panel__shortcut-selected[type=button]{color:var(--tiny-color-brand,#0067d1);background-color:var(--tiny-color-brand-hover-subtle,rgba(0,103,209,.15))}.tiny-picker-panel__btn{color:var(--tiny-color-text-primary,#191919);border-width:var(--tiny-borderWidth-DEFAULT,1px);border-style:solid;border-color:var(--tiny-color-border-separator,#dfdfdf);font-size:var(--tiny-fontSize-xs,.75rem);line-height:var(--tiny-lineHeight-6,1.5rem);border-radius:var(--tiny-borderRadius-DEFAULT,.25rem);padding-top:var(--tiny-spacing-0,0);padding-bottom:var(--tiny-spacing-0,0);padding-left:var(--tiny-spacing-5,1.25rem);padding-right:var(--tiny-spacing-5,1.25rem);cursor:pointer;outline-width:0;background-color:transparent}.tiny-picker-panel__btn [disabled]{color:var(--tiny-color-text-disabled,#aeaeae);cursor:not-allowed}.tiny-picker-panel__icon-btn{font-size:var(--tiny-fontSize-sm,.875rem);line-height:var(--tiny-lineHeight-4,1rem);fill:var(--tiny-color-text-primary,#191919);border-width:var(--tiny-borderWidth-0,0);background:0 0;cursor:pointer;outline-width:0}.tiny-picker-panel__icon-btn:hover{fill:var(--tiny-color-brand,#0067d1)}.tiny-picker-panel__icon-btn.is-disabled{color:var(--tiny-color-text-disabled,#aeaeae)}.tiny-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.tiny-picker-panel__link-btn{vertical-align:middle;border-radius:var(--tiny-borderRadius-DEFAULT,.25rem)}.tiny-picker-panel [slot=sidebar],.tiny-picker-panel__sidebar{position:absolute;top:var(--tiny-spacing-0,0);bottom:var(--tiny-spacing-0,0);width:116px;border-right-width:var(--tiny-borderWidth-DEFAULT,1px);border-right-color:var(--tiny-color-bg-3,#f3f3f3);-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:20px;background-color:var(--tiny-color-bg-1,#fff);overflow:auto}.tiny-picker-panel [slot=sidebar]+.tiny-picker-panel__body,.tiny-picker-panel__sidebar+.tiny-picker-panel__body{margin-left:116px}.tiny-picker-panel__timezone{padding-top:var(--tiny-spacing-1,.25rem);padding-bottom:var(--tiny-spacing-1,.25rem);padding-left:var(--tiny-spacing-0,0);padding-right:var(--tiny-spacing-0,0);border-top-width:var(--tiny-borderWidth-DEFAULT,1px);border-top-color:var(--tiny-color-bg-3,#f3f3f3)}.tiny-picker-panel__timezone .tiny-picker-panel__tzlist{z-index:10;overflow-y:hidden}.tiny-picker-panel__timezone .tiny-picker-panel__tzlist-li{height:var(--tiny-spacing-8,2rem);line-height:var(--tiny-lineHeight-8,2rem);margin-top:var(--tiny-spacing-0,0);margin-bottom:var(--tiny-spacing-0,0);margin-left:var(--tiny-spacing-2,.5rem);margin-right:var(--tiny-spacing-2,.5rem);padding-top:var(--tiny-spacing-0,0);padding-bottom:var(--tiny-spacing-0,0);padding-left:var(--tiny-spacing-2,.5rem);padding-right:var(--tiny-spacing-2,.5rem);border-radius:var(--tiny-borderRadius-DEFAULT,.25rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.tiny-picker-panel__timezone .tiny-picker-panel__tzlist-li:hover{background-color:var(--tiny-color-brand,#0067d1);color:var(--tiny-color-text-inverse,#fff)}.tiny-picker-panel__timezone .tiny-picker-panel__tzlist .tiny-popup{position:absolute;width:272px;bottom:98px;max-height:302px;border-top-width:var(--tiny-borderWidth-DEFAULT,1px);border-top-color:var(--tiny-color-bg-3,#f3f3f3)}.tiny-picker-panel__timezone .tiny-input{position:relative}.tiny-picker-panel__timezone .tiny-input input{border-width:var(--tiny-borderWidth-0,0)}.tiny-picker-panel__timezone .tiny-input svg{fill:var(--tiny-color-text-primary,#191919)!important}
|
package/dropdown-menu/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-dropdown-menu{position:absolute;top:var(--tiny-spacing-0,0);left:var(--tiny-spacing-0,0);z-index:10;padding-top:var(--tiny-spacing-1,.25rem);padding-bottom:var(--tiny-spacing-1,.25rem);padding-left:var(--tiny-spacing-0,0);padding-right:var(--tiny-spacing-0,0);margin-top:var(--tiny-spacing-1,.25rem);margin-bottom:var(--tiny-spacing-1,.25rem);margin-left:var(--tiny-spacing-0,0);margin-right:var(--tiny-spacing-0,0);background-color:var(--tiny-color-bg-1,#fff);border-radius:var(--tiny-borderRadius-DEFAULT,.25rem);--tw-shadow:var(--tiny-boxShadow-md,
|
|
1
|
+
.tiny-dropdown-menu{position:absolute;top:var(--tiny-spacing-0,0);left:var(--tiny-spacing-0,0);z-index:10;padding-top:var(--tiny-spacing-1,.25rem);padding-bottom:var(--tiny-spacing-1,.25rem);padding-left:var(--tiny-spacing-0,0);padding-right:var(--tiny-spacing-0,0);margin-top:var(--tiny-spacing-1,.25rem);margin-bottom:var(--tiny-spacing-1,.25rem);margin-left:var(--tiny-spacing-0,0);margin-right:var(--tiny-spacing-0,0);background-color:var(--tiny-color-bg-1,#fff);border-radius:var(--tiny-borderRadius-DEFAULT,.25rem);--tw-shadow:var(--tiny-boxShadow-md, 1px 4px 12px 0px rgba(0, 0, 0, 0.16));--tw-shadow-colored:1px 4px 12px 0px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);-webkit-box-shadow:var(--tiny-boxShadow-md,1px 4px 12px 0 rgba(0,0,0,.16));box-shadow:var(--tiny-boxShadow-md,1px 4px 12px 0 rgba(0,0,0,.16))}.tiny-dropdown-menu.tiny-popper .popper__arrow,.tiny-dropdown-menu.tiny-popper .popper__arrow:after{position:absolute;display:block;width:var(--tiny-spacing-0,0);height:var(--tiny-spacing-0,0);border-color:transparent;border-style:solid}.tiny-dropdown-menu.tiny-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.tiny-dropdown-menu.tiny-popper .popper__arrow::after{--tw-content:'';content:var(--tw-content);border-width:6px}.tiny-dropdown-menu.tiny-popper[x-placement^=top]{margin-bottom:var(--tiny-spacing-1,.25rem)}.tiny-dropdown-menu.tiny-popper[x-placement^=top] .popper__arrow{bottom:calc(var(--tiny-spacing-1_5,.375rem) * -1);left:50%;margin-right:3px;border-top-color:var(--tiny-color-border,#c9c9c9);border-bottom-width:var(--tiny-borderWidth-0,0)}.tiny-dropdown-menu.tiny-popper[x-placement^=top] .popper__arrow:after{bottom:var(--tiny-spacing-px,.0625rem);margin-left:calc(var(--tiny-spacing-1_5,.375rem) * -1);border-top-color:var(--tiny-color-bg-1,#fff);border-bottom-width:var(--tiny-borderWidth-0,0)}.tiny-dropdown-menu.tiny-popper[x-placement^=bottom]{margin-top:var(--tiny-spacing-1,.25rem)}.tiny-dropdown-menu.tiny-popper[x-placement^=bottom] .popper__arrow{top:calc(var(--tiny-spacing-1_5,.375rem) * -1);left:50%;margin-right:3px;border-top-width:var(--tiny-borderWidth-0,0);border-bottom-color:var(--tiny-color-border,#c9c9c9)}.tiny-dropdown-menu.tiny-popper[x-placement^=bottom] .popper__arrow:after{top:var(--tiny-spacing-px,.0625rem);margin-left:calc(var(--tiny-spacing-1_5,.375rem) * -1);border-top-width:var(--tiny-borderWidth-0,0);border-bottom-color:var(--tiny-color-bg-1,#fff)}.tiny-dropdown-menu.tiny-popper[x-placement^=right]{margin-left:var(--tiny-spacing-1,.25rem)}.tiny-dropdown-menu.tiny-popper[x-placement^=right] .popper__arrow{top:50%;left:calc(var(--tiny-spacing-1_5,.375rem) * -1);margin-bottom:3px;border-right-color:var(--tiny-color-border,#c9c9c9);border-left-width:var(--tiny-borderWidth-0,0)}.tiny-dropdown-menu.tiny-popper[x-placement^=right] .popper__arrow:after{bottom:calc(var(--tiny-spacing-1_5,.375rem) * -1);left:var(--tiny-spacing-px,.0625rem);border-right-color:var(--tiny-color-bg-1,#fff);border-left-width:var(--tiny-borderWidth-0,0)}.tiny-dropdown-menu.tiny-popper[x-placement^=left]{margin-right:var(--tiny-spacing-1,.25rem)}.tiny-dropdown-menu.tiny-popper[x-placement^=left] .popper__arrow{top:50%;right:calc(var(--tiny-spacing-1_5,.375rem) * -1);margin-bottom:3px;border-right-width:var(--tiny-borderWidth-0,0);border-left-color:var(--tiny-color-border,#c9c9c9)}.tiny-dropdown-menu.tiny-popper[x-placement^=left] .popper__arrow:after{right:var(--tiny-spacing-px,.0625rem);bottom:calc(var(--tiny-spacing-1_5,.375rem) * -1);margin-left:calc(var(--tiny-spacing-1_5,.375rem) * -1);border-right-width:var(--tiny-borderWidth-0,0);border-left-color:var(--tiny-color-bg-1,#fff)}.tiny-dropdown-menu.tiny-popper .popper__arrow{display:none}.tiny-dropdown-menu--medium{padding-top:var(--tiny-spacing-1_5,.375rem);padding-bottom:var(--tiny-spacing-1_5,.375rem);padding-left:var(--tiny-spacing-0,0);padding-right:var(--tiny-spacing-0,0)}.tiny-dropdown-menu--medium .tiny-dropdown-menu__item{line-height:var(--tiny-lineHeight-8,2rem);padding-top:var(--tiny-spacing-0,0);padding-bottom:var(--tiny-spacing-0,0);padding-left:var(--tiny-spacing-3,.75rem);padding-right:var(--tiny-spacing-3,.75rem);font-size:var(--tiny-fontSize-sm,.875rem)}.tiny-dropdown-menu--medium .tiny-dropdown-menu__item.tiny-dropdown-menu__item--divided{margin-top:var(--tiny-spacing-1_5,.375rem)}.tiny-dropdown-menu--medium .tiny-dropdown-menu__item.tiny-dropdown-menu__item--divided:before{height:var(--tiny-spacing-1_5,.375rem);margin-top:var(--tiny-spacing-0,0);margin-bottom:var(--tiny-spacing-0,0);margin-left:calc(var(--tiny-spacing-3,.75rem) * -1);margin-right:calc(var(--tiny-spacing-3,.75rem) * -1)}.tiny-dropdown-menu--small{padding-top:var(--tiny-spacing-1_5,.375rem);padding-bottom:var(--tiny-spacing-1_5,.375rem);padding-left:var(--tiny-spacing-0,0);padding-right:var(--tiny-spacing-0,0)}.tiny-dropdown-menu--small .tiny-dropdown-menu__item{line-height:var(--tiny-lineHeight-6,1.5rem);padding-top:var(--tiny-spacing-0,0);padding-bottom:var(--tiny-spacing-0,0);padding-left:var(--tiny-spacing-4,1rem);padding-right:var(--tiny-spacing-4,1rem);font-size:var(--tiny-fontSize-xs,.75rem)}.tiny-dropdown-menu--small .tiny-dropdown-menu__item.tiny-dropdown-menu__item--divided{margin-top:var(--tiny-spacing-1,.25rem)}.tiny-dropdown-menu--small .tiny-dropdown-menu__item.tiny-dropdown-menu__item--divided:before{height:var(--tiny-spacing-1,.25rem);margin-top:var(--tiny-spacing-0,0);margin-bottom:var(--tiny-spacing-0,0);margin-left:calc(var(--tiny-spacing-4,1rem) * -1);margin-right:calc(var(--tiny-spacing-4,1rem) * -1)}.tiny-dropdown-menu--mini{padding-top:var(--tiny-spacing-1,.25rem);padding-bottom:var(--tiny-spacing-1,.25rem);padding-left:var(--tiny-spacing-0,0);padding-right:var(--tiny-spacing-0,0)}.tiny-dropdown-menu--mini .tiny-dropdown-menu__item{line-height:var(--tiny-lineHeight-6,1.5rem);padding-top:var(--tiny-spacing-0,0);padding-bottom:var(--tiny-spacing-0,0);padding-left:var(--tiny-spacing-2_5,.625rem);padding-right:var(--tiny-spacing-2_5,.625rem);font-size:var(--tiny-fontSize-xs,.75rem)}.tiny-dropdown-menu--mini .tiny-dropdown-menu__item.tiny-dropdown-menu__item--divided{margin-top:var(--tiny-spacing-1,.25rem)}.tiny-dropdown-menu--mini .tiny-dropdown-menu__item.tiny-dropdown-menu__item--divided:before{height:var(--tiny-spacing-px,.0625rem);margin-top:var(--tiny-spacing-0,0);margin-bottom:var(--tiny-spacing-0,0);margin-left:calc(var(--tiny-spacing-2_5,.625rem) * -1);margin-right:calc(var(--tiny-spacing-2_5,.625rem) * -1)}
|
package/file-upload/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-upload--thumb__head{cursor:pointer;color:var(--tiny-color-text-primary,#191919);font-size:var(--tiny-fontSize-sm,.875rem)}.tiny-upload--thumb__head .thumb-icon{margin-right:var(--tiny-spacing-2,.5rem);fill:var(--tiny-color-icon-secondary,#
|
|
1
|
+
.tiny-upload--thumb__head{cursor:pointer;color:var(--tiny-color-text-primary,#191919);font-size:var(--tiny-fontSize-sm,.875rem)}.tiny-upload--thumb__head .thumb-icon{margin-right:var(--tiny-spacing-2,.5rem);fill:var(--tiny-color-icon-secondary,#595959)}.tiny-upload--thumb__head span{vertical-align:middle}.tiny-upload--thumb__body .thumb-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-upload--thumb__body .thumb-item:not(:last-child){padding-bottom:var(--tiny-spacing-2,.5rem)}.tiny-upload--thumb__body .thumb-item-name{padding-top:var(--tiny-spacing-1,.25rem);padding-bottom:var(--tiny-spacing-1,.25rem);padding-left:var(--tiny-spacing-2,.5rem);padding-right:var(--tiny-spacing-2,.5rem);color:var(--tiny-color-text-primary,#191919);-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny-upload--thumb__body .thumb-success-icon{fill:var(--tiny-color-success,#09aa71)}.tiny-upload--thumb__body .close-icon,.tiny-upload--thumb__body .download-icon,.tiny-upload--thumb__body .refres-icon{fill:var(--tiny-color-icon-secondary,#595959);cursor:pointer}.tiny-upload--thumb__body .thumb-icon+.thumb-icon{margin-left:var(--tiny-spacing-2,.5rem)}
|