@orioncactuscorp/ui 1.7.0 → 1.9.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/dist/components/Accordion/Accordion.css +1 -1
- package/dist/components/Alert/Alert.js +1 -1
- package/dist/components/Button/Button.css +1 -1
- package/dist/components/Checkbox/Checkbox.css +1 -1
- package/dist/components/Modal/Modal.css +1 -1
- package/dist/components/Modal/Modal.js +671 -517
- package/dist/components/Modal/bottomSheetGeometry.js +88 -0
- package/dist/components/Modal/modalScrollArbitration.js +8 -7
- package/dist/components/Modal/snapPoints.js +9 -8
- package/dist/components/Modal/useModalContentBlockTransition.js +64 -0
- package/dist/components/Modal/useModalDrag.js +917 -788
- package/dist/components/Radio/Radio.css +1 -1
- package/dist/components/ScrollArea/ScrollArea.css +1 -1
- package/dist/components/ScrollArea/ScrollArea.js +250 -223
- package/dist/components/ScrollArea/useScrollAreaGeometryStabilizer.js +36 -0
- package/dist/components/TextButton/TextButton.css +1 -1
- package/dist/components/TextButton/TextButton.module.scss.js +8 -6
- package/dist/components/internal/DisclosureIndicator.js +23 -23
- package/dist/styles.css +7 -7
- package/dist/ui/src/components/Modal/Modal.d.ts +2 -2
- package/dist/ui/src/components/Modal/Modal.d.ts.map +1 -1
- package/dist/ui/src/components/Modal/bottomSheetGeometry.d.ts +36 -0
- package/dist/ui/src/components/Modal/bottomSheetGeometry.d.ts.map +1 -0
- package/dist/ui/src/components/Modal/index.d.ts +1 -1
- package/dist/ui/src/components/Modal/index.d.ts.map +1 -1
- package/dist/ui/src/components/Modal/modalScrollArbitration.d.ts +2 -1
- package/dist/ui/src/components/Modal/modalScrollArbitration.d.ts.map +1 -1
- package/dist/ui/src/components/Modal/snapPoints.d.ts +1 -0
- package/dist/ui/src/components/Modal/snapPoints.d.ts.map +1 -1
- package/dist/ui/src/components/Modal/types.d.ts +11 -1
- package/dist/ui/src/components/Modal/types.d.ts.map +1 -1
- package/dist/ui/src/components/Modal/useModalContentBlockTransition.d.ts +5 -0
- package/dist/ui/src/components/Modal/useModalContentBlockTransition.d.ts.map +1 -0
- package/dist/ui/src/components/Modal/useModalDrag.d.ts +5 -1
- package/dist/ui/src/components/Modal/useModalDrag.d.ts.map +1 -1
- package/dist/ui/src/components/ScrollArea/ScrollArea.d.ts.map +1 -1
- package/dist/ui/src/components/ScrollArea/useScrollAreaGeometryStabilizer.d.ts +11 -0
- package/dist/ui/src/components/ScrollArea/useScrollAreaGeometryStabilizer.d.ts.map +1 -0
- package/dist/ui/src/index.d.ts +1 -1
- package/dist/ui/src/index.d.ts.map +1 -1
- package/package.json +2 -1
- package/src/scss/mixins/_element.scss +161 -14
- package/src/scss/mixins/_element.test.ts +94 -5
- package/src/scss/mixins/_icon.scss +27 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
.oc-Radio-module__radio__qhO7H{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body2);display:inline-flex;position:relative;align-items:flex-start;gap:.5em;opacity:1;color:var(--oc-color-theme-label-normal);transition:opacity calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1.5) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Radio-module__radio__qhO7H{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1.5);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-Radio-module__radio__qhO7H{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.oc-Radio-module__radio__qhO7H:has([data-oc-part=input]:disabled){opacity:var(--oc-color-global-opacity-43);cursor:not-allowed}.oc-Radio-module__radio__qhO7H{--oc-radio-icon-scale: .675}.oc-Radio-module__fill__h24zJ{display:flex;inline-size:100%}.oc-Radio-module__small__PGRQA{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body2);--oc-radio-control-size: var(--oc-typo-height-body2);--oc-radio-content-height: var(--oc-typo-height-body2)}.oc-Radio-module__medium__OItEm{font-size:calc(var(--oc-typo-size-body1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body1);--oc-radio-control-size: var(--oc-typo-height-body1);--oc-radio-content-height: var(--oc-typo-height-body1)}.oc-Radio-module__radio__qhO7H [data-oc-part=input]{position:absolute;opacity:0;pointer-events:none;inline-size:0;block-size:0}.oc-Radio-module__radio__qhO7H [data-oc-part=container]{position:relative;isolation:isolate;flex-shrink:0;padding:.125em;inline-size:var(--oc-radio-control-size);block-size:var(--oc-radio-control-size);--oc-interaction-inset-x: -.25em;--oc-interaction-inset-y: -.25em;--oc-interaction-z-index: 2;--oc-interaction-radius: var(--oc-atomic-radius-max)}.oc-Radio-module__radio__qhO7H [data-oc-part=wrapper]{display:flex;box-shadow:inset 0 0 0 1.5px
|
|
1
|
+
.oc-Radio-module__radio__qhO7H{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body2);display:inline-flex;position:relative;align-items:flex-start;gap:.5em;opacity:1;color:var(--oc-color-theme-label-normal);transition:opacity calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1.5) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Radio-module__radio__qhO7H{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1.5);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-Radio-module__radio__qhO7H{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.oc-Radio-module__radio__qhO7H:has([data-oc-part=input]:disabled){opacity:var(--oc-color-global-opacity-43);cursor:not-allowed}.oc-Radio-module__radio__qhO7H{--oc-radio-icon-scale: .675}.oc-Radio-module__fill__h24zJ{display:flex;inline-size:100%}.oc-Radio-module__small__PGRQA{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body2);--oc-radio-control-size: var(--oc-typo-height-body2);--oc-radio-content-height: var(--oc-typo-height-body2)}.oc-Radio-module__medium__OItEm{font-size:calc(var(--oc-typo-size-body1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body1);--oc-radio-control-size: var(--oc-typo-height-body1);--oc-radio-content-height: var(--oc-typo-height-body1)}.oc-Radio-module__radio__qhO7H [data-oc-part=input]{position:absolute;opacity:0;pointer-events:none;inline-size:0;block-size:0}.oc-Radio-module__radio__qhO7H [data-oc-part=container]{position:relative;isolation:isolate;flex-shrink:0;padding:.125em;inline-size:var(--oc-radio-control-size);block-size:var(--oc-radio-control-size);--oc-interaction-inset-x: -.25em;--oc-interaction-inset-y: -.25em;--oc-interaction-z-index: 2;--oc-interaction-radius: var(--oc-atomic-radius-max)}.oc-Radio-module__radio__qhO7H [data-oc-part=wrapper]{display:flex;box-shadow:inset 0 0 0 1.5px currentcolor}@supports (-webkit-backdrop-filter: none){.oc-Radio-module__radio__qhO7H [data-oc-part=wrapper]{box-shadow:inset 0 0 0 1px currentcolor}@media only screen and (resolution:2dppx){.oc-Radio-module__radio__qhO7H [data-oc-part=wrapper]{box-shadow:inset 0 0 0 1.5px currentcolor}}@media only screen and (resolution:3dppx){.oc-Radio-module__radio__qhO7H [data-oc-part=wrapper]{box-shadow:inset 0 0 0 1.6666px currentcolor}}}.oc-Radio-module__radio__qhO7H [data-oc-part=wrapper]{border-radius:var(--oc-atomic-radius-max);inline-size:100%;block-size:100%;color:var(--oc-color-theme-line-normal-normal);transition:color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),background-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Radio-module__radio__qhO7H [data-oc-part=wrapper]{transition-property:color,background-color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-Radio-module__radio__qhO7H [data-oc-part=icon-wrapper]{display:flex;align-items:center;justify-content:center;transform:scale(var(--oc-radio-icon-scale));inline-size:100%;block-size:100%;color:transparent;transition:color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Radio-module__radio__qhO7H [data-oc-part=icon-wrapper]{transition-property:color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-Radio-module__radio__qhO7H [data-oc-part=icon-wrapper]>svg{inline-size:100%;block-size:100%;padding:.125rem}.oc-Radio-module__radio__qhO7H [data-oc-part=content]{display:flex;flex:1;align-items:flex-start;gap:var(--oc-space-item-gap-tiny);min-inline-size:0;padding-block:calc((var(--oc-radio-control-size) - var(--oc-radio-content-height)) / 2)}.oc-Radio-module__radio__qhO7H [data-oc-part=label]{-webkit-user-select:none;user-select:none}.oc-Radio-module__radio__qhO7H [data-oc-part=trailing-compound]{display:flex;flex-shrink:0;margin-inline-start:auto}.oc-Radio-module__fill__h24zJ [data-oc-part=label]{flex:1}.oc-Radio-module__radio__qhO7H [data-oc-part=input]:disabled+[data-oc-part=container] [data-oc-part=wrapper]{color:var(--oc-color-theme-line-normal-alternative)}.oc-Radio-module__radio__qhO7H [data-oc-part=input]:checked+[data-oc-part=container] [data-oc-part=wrapper]{color:transparent;background-color:var(--oc-color-theme-primary-normal)}.oc-Radio-module__radio__qhO7H [data-oc-part=input]:checked+[data-oc-part=container] [data-oc-part=icon-wrapper]{color:var(--oc-color-theme-static-white)}.oc-Radio-module__radio__qhO7H [data-oc-part=input]:focus-visible+[data-oc-part=container] [data-oc-part=wrapper]{outline:2px solid var(--oc-color-theme-primary-normal);outline-offset:2px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.oc-ScrollArea-module__scrollArea__DqPec{position:relative;min-inline-size:0;min-block-size:0;--oc-scroll-area-padding: .25rem;--oc-scroll-area-size: .4375rem}.oc-ScrollArea-module__scrollArea__DqPec[data-oc-scroll-root=true]>[data-oc-part=scrollbar-vertical],.oc-ScrollArea-module__scrollArea__DqPec[data-oc-scroll-root=true]>[data-oc-part=scrollbar-horizontal]{position:fixed}.oc-ScrollArea-module__scrollArea__DqPec[data-oc-scroll-root=true]>[data-oc-scroll-container]{block-size:auto;overflow:visible}.oc-ScrollArea-module__container__dGQhY{inline-size:100%;block-size:100%;min-inline-size:0;min-block-size:0;overflow:auto;scrollbar-width:none}.oc-ScrollArea-module__container__dGQhY::-webkit-scrollbar{display:none}.oc-ScrollArea-module__scrollbar__fSzQp{display:flex;position:absolute;z-index:var(--oc-z-index-floating, 6);box-sizing:content-box;padding:var(--oc-scroll-area-padding);opacity:0;transition:opacity calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-ScrollArea-module__scrollbar__fSzQp{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-state=active],.oc-ScrollArea-module__scrollbar__fSzQp:hover{opacity:1}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=vertical]{inset-block:
|
|
1
|
+
.oc-ScrollArea-module__scrollArea__DqPec{position:relative;min-inline-size:0;min-block-size:0;--oc-scroll-area-padding: .25rem;--oc-scroll-area-size: .4375rem;--oc-scroll-area-scrollbar-vertical-inset-block-start: 0px;--oc-scroll-area-scrollbar-vertical-inset-block-end: 0px;--oc-scroll-area-scrollbar-vertical-inset-inline-start: auto;--oc-scroll-area-scrollbar-vertical-inset-inline-end: 0px;--oc-scroll-area-scrollbar-horizontal-inset-block-start: auto;--oc-scroll-area-scrollbar-horizontal-inset-block-end: 0px;--oc-scroll-area-scrollbar-horizontal-inset-inline-start: 0px;--oc-scroll-area-scrollbar-horizontal-inset-inline-end: 0px}.oc-ScrollArea-module__scrollArea__DqPec[data-oc-scroll-root=true]>[data-oc-part=scrollbar-vertical],.oc-ScrollArea-module__scrollArea__DqPec[data-oc-scroll-root=true]>[data-oc-part=scrollbar-horizontal]{position:fixed}.oc-ScrollArea-module__scrollArea__DqPec[data-oc-scroll-root=true]>[data-oc-scroll-container]{block-size:auto;overflow:visible}.oc-ScrollArea-module__container__dGQhY{inline-size:100%;block-size:100%;min-inline-size:0;min-block-size:0;overflow:auto;scrollbar-width:none}.oc-ScrollArea-module__container__dGQhY::-webkit-scrollbar{display:none}.oc-ScrollArea-module__scrollbar__fSzQp{display:flex;position:absolute;z-index:var(--oc-z-index-floating, 6);box-sizing:content-box;padding:var(--oc-scroll-area-padding);opacity:0;transition:opacity calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-ScrollArea-module__scrollbar__fSzQp{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-state=active],.oc-ScrollArea-module__scrollbar__fSzQp:hover{opacity:1}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=vertical]{inset-block:var(--oc-scroll-area-scrollbar-vertical-inset-block-start) var(--oc-scroll-area-scrollbar-vertical-inset-block-end);inset-inline:var(--oc-scroll-area-scrollbar-vertical-inset-inline-start) var(--oc-scroll-area-scrollbar-vertical-inset-inline-end);inline-size:var(--oc-scroll-area-size)}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=vertical]:has(+[data-oc-part=scrollbar-horizontal]){inset-block-end:calc(var(--oc-scroll-area-scrollbar-vertical-inset-block-end) + var(--oc-scroll-area-size) + var(--oc-scroll-area-padding) / 2)}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=vertical]>[data-oc-part=scrollbar-track]{inline-size:100%}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=vertical]>[data-oc-part=scrollbar-track]>[data-oc-part=thumb]{inline-size:100%;min-block-size:var(--oc-scroll-area-size);block-size:var(--oc-scroll-area-thumb-height)}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=vertical] [data-oc-part=thumb-background]{inset-block:0;inset-inline-end:0;inline-size:100%;block-size:var(--oc-scroll-area-thumb-height);transition:inline-size calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),background-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=vertical] [data-oc-part=thumb-background]{transition-property:background-color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=vertical] [data-oc-part=thumb]:is(:hover,:active,[data-oc-state=dragging],:has(>[data-oc-part=thumb-background]>[data-oc-self=true]:hover),:has(>[data-oc-part=thumb-background]>[data-oc-self=true]:active))>[data-oc-part=thumb-background]{inline-size:calc(100% + var(--oc-scroll-area-padding))}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=horizontal]{inset-block:var(--oc-scroll-area-scrollbar-horizontal-inset-block-start) var(--oc-scroll-area-scrollbar-horizontal-inset-block-end);inset-inline:var(--oc-scroll-area-scrollbar-horizontal-inset-inline-start) var(--oc-scroll-area-scrollbar-horizontal-inset-inline-end);block-size:var(--oc-scroll-area-size)}[data-oc-part=scrollbar-vertical]+.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=horizontal]{inset-inline-end:calc(var(--oc-scroll-area-scrollbar-horizontal-inset-inline-end) + var(--oc-scroll-area-size) + var(--oc-scroll-area-padding) / 2)}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=horizontal]>[data-oc-part=scrollbar-track]{inline-size:100%;block-size:100%}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=horizontal]>[data-oc-part=scrollbar-track]>[data-oc-part=thumb]{min-inline-size:var(--oc-scroll-area-size);inline-size:var(--oc-scroll-area-thumb-width);block-size:100%}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=horizontal] [data-oc-part=thumb-background]{inset-block-end:0;inset-inline:0;inline-size:var(--oc-scroll-area-thumb-width);block-size:100%;transition:block-size calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),background-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=horizontal] [data-oc-part=thumb-background]{transition-property:background-color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=horizontal] [data-oc-part=thumb]:is(:hover,:active,[data-oc-state=dragging],:has(>[data-oc-part=thumb-background]>[data-oc-self=true]:hover),:has(>[data-oc-part=thumb-background]>[data-oc-self=true]:active))>[data-oc-part=thumb-background]{block-size:calc(100% + var(--oc-scroll-area-padding))}.oc-ScrollArea-module__wrapper__wSIU3{position:relative;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.oc-ScrollArea-module__wrapper__wSIU3:before{position:absolute;inset:calc(-1 * var(--oc-scroll-area-padding));content:""}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-state=active]>[data-oc-part=scrollbar-track]:not([data-oc-state=active]){overflow:hidden;border-radius:var(--oc-atomic-radius-max)}.oc-ScrollArea-module__thumb__vIWmD{position:relative;transition:background-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-ScrollArea-module__thumb__vIWmD{transition-property:background-color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-ScrollArea-module__thumb__vIWmD{cursor:pointer}.oc-ScrollArea-module__background__sPGmG{position:absolute;overflow:hidden;border-radius:var(--oc-atomic-radius-max);background-color:var(--oc-color-theme-label-assistive)}[data-oc-part=thumb][data-oc-state=dragging]>[data-oc-part=thumb-background]>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}@media(prefers-reduced-motion:reduce){.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=vertical] [data-oc-part=thumb]:is(:hover,:active,[data-oc-state=dragging],:has(>[data-oc-part=thumb-background]>[data-oc-self=true]:hover),:has(>[data-oc-part=thumb-background]>[data-oc-self=true]:active))>[data-oc-part=thumb-background]{inline-size:100%}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=horizontal] [data-oc-part=thumb]:is(:hover,:active,[data-oc-state=dragging],:has(>[data-oc-part=thumb-background]>[data-oc-self=true]:hover),:has(>[data-oc-part=thumb-background]>[data-oc-self=true]:active))>[data-oc-part=thumb-background]{block-size:100%}}
|