@orioncactuscorp/ui 1.11.0 → 1.12.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/README.md +38 -19
  2. package/dist/components/Accordion/Accordion.css +1 -1
  3. package/dist/components/BackgroundIconButton/BackgroundIconButton.css +1 -1
  4. package/dist/components/Button/Button.css +1 -1
  5. package/dist/components/Cell/Cell.css +1 -1
  6. package/dist/components/ScrollArea/ScrollArea.css +1 -1
  7. package/dist/components/Tooltip/Tooltip.css +1 -1
  8. package/dist/foundations/color.theme.dark.css +1 -1
  9. package/dist/foundations/color.theme.light.css +1 -1
  10. package/dist/foundations.css +2 -2
  11. package/dist/styles.css +8 -8
  12. package/docs/api-conventions.md +90 -0
  13. package/docs/colors.md +241 -0
  14. package/docs/scss-helpers.md +2 -2
  15. package/docs/tokens.md +4 -2
  16. package/docs/typography.md +115 -0
  17. package/package.json +1 -1
  18. package/src/scss/foundations/color-theme.test.ts +23 -8
  19. package/src/scss/foundations/color.theme.dark.scss +3 -1
  20. package/src/scss/foundations/color.theme.light.scss +2 -0
package/README.md CHANGED
@@ -10,7 +10,7 @@ orioncactus 디자인 시스템의 React 19+ UI package입니다.
10
10
  - CSS Modules와 CSS `@layer`를 처리하는 bundler
11
11
  - package manager: npm-compatible package manager
12
12
 
13
- 공개 계약의 범위와 breaking change 기준은 [Stability Policy](./docs/stability.md)를 참조하세요.
13
+ 공개 계약의 범위와 breaking change 기준은 [Stability Policy][stability]를 참조하세요.
14
14
 
15
15
  ## 설치
16
16
 
@@ -66,18 +66,21 @@ export default function Example() {
66
66
 
67
67
  ## Documentation
68
68
 
69
- 이 패키지는 상세 가이드를 `docs/`로 함께 배포합니다. 설치 후 `node_modules/@orioncactuscorp/ui/docs/`에서 설치 버전과 일치하는 문서를 바로 읽을 수 있고, 웹에서는 `https://unpkg.com/@orioncactuscorp/ui/docs/<파일명>`으로 볼 수 있습니다.
70
-
71
- | 문서 | 내용 |
72
- | ------------------------------------------------------------------------ | ------------------------------------------------------------------------ |
73
- | [Selector Contract](./docs/selector-contract.md) | `data-oc-*` 기반 커스터마이즈 계약 — 컴포넌트별 selector/slot/state 표 |
74
- | [SCSS Helpers](./docs/scss-helpers.md) | `oc-border`, `oc-radius`, `oc-alpha`, `typo`, `respond-to`, `fluidClamp` |
75
- | [Semantic Motion](./docs/motion.md) | intent/phase/pace 기반 motion 계약과 reduced-motion 정책 |
76
- | [Spring Motion](./docs/spring.md) | iOS perceptual duration 기반 spring transition |
77
- | [Responsive Foundation Profile](./docs/responsive-foundation-profile.md) | typo/space responsive 출력 mode 컴파일 설정 |
78
- | [Token Reference](./docs/tokens.md) | `--oc-*` foundation 토큰 전체 목록 |
79
- | [Stability Policy](./docs/stability.md) | 공개 계약 범위, SemVer 기준, deprecation 절차 |
80
- | [Editor Setup](./docs/editor-setup.md) | VS Code CSS 변수 자동완성 설정 |
69
+ 이 패키지는 상세 가이드를 `docs/`로 함께 배포합니다. 설치 후 `node_modules/@orioncactuscorp/ui/docs/`에서 설치 버전과 일치하는 문서를 바로 읽을 수 있고, 웹에서는 `https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.12.1/docs/<파일명>`으로 볼 수 있습니다.
70
+
71
+ | 문서 | 내용 |
72
+ | -------------------------------------------------------------- | ------------------------------------------------------------------------ |
73
+ | [API Naming Conventions][api-conventions] | `variant`, `appearance`, `size` prop의 역할과 명명 규칙 |
74
+ | [Selector Contract][selector-contract] | `data-oc-*` 기반 커스터마이즈 계약 — 컴포넌트별 selector/slot/state 표 |
75
+ | [Semantic Colors][colors] | 57개 semantic color의 역할, light/dark 기본값, pairing 규칙 |
76
+ | [Typography][typography] | 19개 variant의 용도, responsive stop, line-height, weight |
77
+ | [SCSS Helpers][scss-helpers] | `oc-border`, `oc-radius`, `oc-alpha`, `typo`, `respond-to`, `fluidClamp` |
78
+ | [Semantic Motion][motion] | intent/phase/pace 기반 motion 계약과 reduced-motion 정책 |
79
+ | [Spring Motion][spring] | iOS perceptual duration 기반 spring transition |
80
+ | [Responsive Foundation Profile][responsive-foundation-profile] | typo/space responsive 출력 mode 컴파일 설정 |
81
+ | [Token Reference][tokens] | `--oc-*` foundation 토큰 전체 목록 |
82
+ | [Stability Policy][stability] | 공개 계약 범위, SemVer 기준, deprecation 절차 |
83
+ | [Editor Setup][editor-setup] | VS Code CSS 변수 자동완성 설정 |
81
84
 
82
85
  ## Components
83
86
 
@@ -118,7 +121,7 @@ export default function Example() {
118
121
  }
119
122
  ```
120
123
 
121
- 이 selector들은 버전 관리되는 계약입니다. 컴포넌트별 전체 표는 [Selector Contract](./docs/selector-contract.md)를 참조하세요.
124
+ 이 selector들은 버전 관리되는 계약입니다. 컴포넌트별 전체 표는 [Selector Contract][selector-contract]를 참조하세요.
122
125
 
123
126
  ## Exports
124
127
 
@@ -181,6 +184,8 @@ prebuilt `foundations.css`의 theme 동작은 다음과 같습니다.
181
184
 
182
185
  - 기본은 light theme이고, OS가 dark를 선호하면 `prefers-color-scheme: dark`로 자동 전환됩니다.
183
186
  - `data-theme='light'` 또는 `data-theme='dark'` attribute를 지정하면 system preference와 무관하게 해당 theme으로 고정됩니다. `<html>`에 지정하면 전체, 하위 요소에 지정하면 해당 서브트리만 적용됩니다.
187
+ - 각 theme selector는 같은 scope에 `color-scheme: light` 또는 `color-scheme: dark`를 선언해 네이티브 form control, scrollbar 등 브라우저 UI도 theme과 일치시킵니다. 이 동작을 원하지 않으면 package CSS import 이후 원하는 scope에서 `color-scheme`을 override하세요. 문서 전체의 `<meta name='color-scheme'>`와 `theme-color` 설정은 소비자 앱이 담당합니다.
188
+ - `next-themes`처럼 `color-scheme`을 inline style로 관리하는 도구를 함께 사용하면 inline 선언이 foundation CSS보다 우선합니다. foundation에 제어를 위임하려면 해당 도구의 중복 제어를 끄고, 직접 관리한다면 `data-theme`과 같은 값으로 유지하세요.
184
189
  - 위 brand override 예시가 `:root`와 두 `[data-theme]` selector를 모두 덮는 이유는 이 세 가지 적용 경로를 전부 커버하기 위해서입니다. theme별로 다른 값이 필요하면 selector를 나눠 지정하세요.
185
190
 
186
191
  theme 출력 자체를 바꾸려면(예: light 전용 출력, system preference 자동 전환 제거) SCSS foundation source를 compile하면서 `color.config`를 설정합니다.
@@ -228,7 +233,7 @@ import './styles/foundations.scss';
228
233
 
229
234
  ### SCSS Profile
230
235
 
231
- 전체 설정 옵션과 동작은 [Responsive Foundation Profile](./docs/responsive-foundation-profile.md)을 참조하세요. `responsive.config`는 `typo`와 `space`의 responsive 출력 mode를 정합니다. `$oc-responsive-mode`는 공통으로 적용하고, active stop range는 foundation별로 따로 지정할 수 있습니다. `space`는 stepped mode에서 base/media point별 target stop도 지정할 수 있습니다.
236
+ 전체 설정 옵션과 동작은 [Responsive Foundation Profile][responsive-foundation-profile]을 참조하세요. `responsive.config`는 `typo`와 `space`의 responsive 출력 mode를 정합니다. `$oc-responsive-mode`는 공통으로 적용하고, active stop range는 foundation별로 따로 지정할 수 있습니다. `space`는 stepped mode에서 base/media point별 target stop도 지정할 수 있습니다.
232
237
 
233
238
  `$oc-responsive-mode`는 아래 값을 사용합니다.
234
239
 
@@ -295,7 +300,7 @@ SCSS foundation profile은 compile-time 설정입니다. Prebuilt `foundations.c
295
300
 
296
301
  ## SCSS Helpers
297
302
 
298
- SCSS mixin/function 전체 시그니처와 예시는 [SCSS Helpers 가이드](./docs/scss-helpers.md)를 참조하세요. 아래는 대표 helper 요약입니다.
303
+ SCSS mixin/function 전체 시그니처와 예시는 [SCSS Helpers 가이드][scss-helpers]를 참조하세요. 아래는 대표 helper 요약입니다.
299
304
 
300
305
  | Helper | 모듈 | 용도 |
301
306
  | ---------------------------------- | ------------------------ | ----------------------------------------------------------------------- |
@@ -357,7 +362,7 @@ import { IconClose, IconDefault } from '@orioncactuscorp/icons';
357
362
 
358
363
  ## Motion
359
364
 
360
- intent별 정책과 reduced-motion 동작 전체는 [Semantic Motion 가이드](./docs/motion.md)를 참조하세요. Motion은 duration/easing 숫자를 직접 고르는 대신 `feedback`, `fade`, `disclosure`, `surface`, `sheet`, `expand` 같은 intent 기준으로 작성합니다. `oc-motion`은 intent, phase, pace를 기반으로 duration token, spring profile, reduced-motion 정책을 함께 적용합니다.
365
+ intent별 정책과 reduced-motion 동작 전체는 [Semantic Motion 가이드][motion]를 참조하세요. Motion은 duration/easing 숫자를 직접 고르는 대신 `feedback`, `fade`, `disclosure`, `surface`, `sheet`, `expand` 같은 intent 기준으로 작성합니다. `oc-motion`은 intent, phase, pace를 기반으로 duration token, spring profile, reduced-motion 정책을 함께 적용합니다.
361
366
 
362
367
  ```scss
363
368
  @include oc-motion(
@@ -435,7 +440,7 @@ export function Panel({ open, children }) {
435
440
 
436
441
  ## Spring
437
442
 
438
- preset·physical spring·고급 옵션 전체는 [Spring Motion 가이드](./docs/spring.md)를 참조하세요. SCSS에서는 iOS spring의 perceptual duration 기준으로 low-level transition을 작성할 수 있습니다. helper는 실제 CSS duration을 감쇠 settling duration으로 출력합니다.
443
+ preset·physical spring·고급 옵션 전체는 [Spring Motion 가이드][spring]를 참조하세요. SCSS에서는 iOS spring의 perceptual duration 기준으로 low-level transition을 작성할 수 있습니다. helper는 실제 CSS duration을 감쇠 settling duration으로 출력합니다.
439
444
 
440
445
  ```scss
441
446
  transition: oc-spring($property, $duration, $preset: smooth, $extra-bounce: 0);
@@ -524,7 +529,7 @@ export function Follower() {
524
529
 
525
530
  ## VS Code CSS Variable Autocomplete
526
531
 
527
- package는 VS Code CSS variable autocomplete 확장(`phoenisx.cssvar`)이 읽을 수 있는 foundation token index(`dist/vscode/oc-ui-vars.css`)를 함께 배포합니다. 설정 방법과 트러블슈팅은 [Editor Setup](./docs/editor-setup.md)을 참조하세요.
532
+ package는 VS Code CSS variable autocomplete 확장(`phoenisx.cssvar`)이 읽을 수 있는 foundation token index(`dist/vscode/oc-ui-vars.css`)를 함께 배포합니다. 설정 방법과 트러블슈팅은 [Editor Setup][editor-setup]을 참조하세요.
528
533
 
529
534
  ## 참고
530
535
 
@@ -533,3 +538,17 @@ package는 VS Code CSS variable autocomplete 확장(`phoenisx.cssvar`)이 읽을
533
538
  ## 라이선스
534
539
 
535
540
  MIT
541
+
542
+ <!-- 버전은 `bun run agent:sync-version`이 릴리스마다 stamp합니다. 직접 수정하지 마세요. -->
543
+
544
+ [api-conventions]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.12.1/docs/api-conventions.md
545
+ [selector-contract]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.12.1/docs/selector-contract.md
546
+ [colors]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.12.1/docs/colors.md
547
+ [typography]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.12.1/docs/typography.md
548
+ [scss-helpers]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.12.1/docs/scss-helpers.md
549
+ [motion]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.12.1/docs/motion.md
550
+ [spring]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.12.1/docs/spring.md
551
+ [responsive-foundation-profile]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.12.1/docs/responsive-foundation-profile.md
552
+ [tokens]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.12.1/docs/tokens.md
553
+ [stability]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.12.1/docs/stability.md
554
+ [editor-setup]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.12.1/docs/editor-setup.md
package/dist/components/Accordion/Accordion.css CHANGED
@@ -1 +1 @@
1
- .oc-Accordion-module__accordion__wD27Q{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);display:flex;flex-direction:column;margin-block:calc(-1 * var(--oc-cell-padding));color:var(--oc-color-theme-label-normal);--oc-cell-padding: var(--oc-space-item-padding-small);--oc-cell-padding-inline: var(--oc-space-item-padding-medium);--oc-cell-gap: .5em;--oc-cell-icon-size: 1.375rem;--oc-cell-disabled-opacity: .28;--oc-cell-interaction-margin-inline: var(--oc-space-item-padding-xsmall);--oc-cell-interaction-radius: var(--oc-atomic-radius-small);--oc-cell-divider-color: var(--oc-color-theme-line-normal-normal);--oc-accordion-current-divider-color: var(--oc-cell-divider-color)}.oc-Accordion-module__item__YNNr-[data-oc-divider=normal]{--oc-accordion-current-divider-color: var(--oc-color-theme-line-normal-normal)}.oc-Accordion-module__item__YNNr-[data-oc-divider=neutral]{--oc-accordion-current-divider-color: var(--oc-color-theme-line-normal-neutral)}.oc-Accordion-module__item__YNNr-[data-oc-divider=alternative]{--oc-accordion-current-divider-color: var(--oc-color-theme-line-normal-alternative)}.oc-Accordion-module__item__YNNr-[data-oc-divider=none]{--oc-accordion-current-divider-color: transparent}.oc-Accordion-module__item__YNNr-+.oc-Accordion-module__item__YNNr-{border-block-start:1px solid var(--oc-accordion-current-divider-color, var(--oc-cell-divider-color));transition:border-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * .5) var(--oc-motion-timing-feedback),transform 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-Accordion-module__item__YNNr-+.oc-Accordion-module__item__YNNr-{transform:none;transition-property:border-color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * .5);transition-timing-function:var(--oc-motion-timing-feedback)}}@media(hover:hover){.oc-Accordion-module__item__YNNr-:has(>.oc-Accordion-module__header__AYOT5>.oc-Accordion-module__summary__ORyIA:hover:not(:disabled)){--oc-accordion-current-divider-color: transparent}.oc-Accordion-module__item__YNNr-:has(>.oc-Accordion-module__header__AYOT5>.oc-Accordion-module__summary__ORyIA:hover:not(:disabled)):not([data-oc-state=open])+.oc-Accordion-module__item__YNNr-{--oc-accordion-current-divider-color: transparent}}@media(hover:none){.oc-Accordion-module__item__YNNr-:has(>.oc-Accordion-module__header__AYOT5>.oc-Accordion-module__summary__ORyIA:active:not(:disabled)){--oc-accordion-current-divider-color: transparent}.oc-Accordion-module__item__YNNr-:has(>.oc-Accordion-module__header__AYOT5>.oc-Accordion-module__summary__ORyIA:active:not(:disabled)):not([data-oc-state=open])+.oc-Accordion-module__item__YNNr-{--oc-accordion-current-divider-color: transparent}}.oc-Accordion-module__item__YNNr-[data-oc-disabled=true] .oc-Accordion-module__summary__ORyIA>:where([data-oc-part=leading],[data-oc-part=content],[data-oc-part=trailing]),.oc-Accordion-module__item__YNNr-[data-oc-disabled=true] [data-oc-part=panel-inner]{opacity:var(--oc-cell-disabled-opacity)}.oc-Accordion-module__header__AYOT5{margin:0;font:inherit}.oc-Accordion-module__summary__ORyIA{position:relative;display:flex;align-items:flex-start;gap:var(--oc-cell-gap);padding-block:var(--oc-cell-padding);min-inline-size:0;color:inherit;transform:scale(var(--oc-accordion-summary-press-scale, 1));transition:transform 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-Accordion-module__summary__ORyIA{transition:none;transform:none}}.oc-Accordion-module__summary__ORyIA{--oc-cell-content-min-block-size: var(--oc-typo-height-body1)}.oc-Accordion-module__summary__ORyIA[data-oc-vertical-align=center]{align-items:center}.oc-Accordion-module__summary__ORyIA[data-oc-fill-width=true]{padding-inline:var(--oc-cell-padding-inline)}.oc-Accordion-module__summary__ORyIA[data-oc-fill-width=true]>[data-oc-component=interaction]{--oc-interaction-inset-x: 0;--oc-interaction-radius: 0}.oc-Accordion-module__summary__ORyIA[data-oc-fill-width=false]>[data-oc-component=interaction]{--oc-interaction-inset-x: calc(-1 * var(--oc-cell-interaction-margin-inline));--oc-interaction-radius: var(--oc-cell-interaction-radius)}.oc-Accordion-module__summary__ORyIA{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.oc-Accordion-module__summary__ORyIA:focus-visible>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus);transform:scale(1)}@media(hover:hover){.oc-Accordion-module__summary__ORyIA:hover:not(:disabled)>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-hover);transform:scale(1)}}.oc-Accordion-module__summary__ORyIA:active:not(:disabled){--oc-accordion-summary-press-scale: max(0, 1 + (.9875 - 1) * var(--oc-motion-scale-factor-feedback))}.oc-Accordion-module__summary__ORyIA:active:not(:disabled)>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}.oc-Accordion-module__summary__ORyIA[data-oc-disabled=true]{cursor:not-allowed}.oc-Accordion-module__summary__ORyIA[data-oc-disabled=true]>:where([data-oc-part=leading],[data-oc-part=content],[data-oc-part=trailing]){opacity:var(--oc-cell-disabled-opacity)}.oc-Accordion-module__summary__ORyIA[data-oc-disabled=true]>[data-oc-component=interaction]{pointer-events:none}.oc-Accordion-module__summary__ORyIA>[data-oc-component=interaction]{border-radius:var(--oc-interaction-radius)}.oc-Accordion-module__summary__ORyIA>[data-oc-part=leading],.oc-Accordion-module__summary__ORyIA>[data-oc-part=trailing]{position:relative;z-index:2;display:inline-flex;flex:none;align-items:center;min-block-size:var(--oc-cell-content-min-block-size);color:var(--oc-color-theme-label-alternative)}.oc-Accordion-module__summary__ORyIA>[data-oc-part=leading]>[data-oc-component=svg-icon],.oc-Accordion-module__summary__ORyIA>[data-oc-part=trailing]>[data-oc-component=svg-icon]{block-size:var(--oc-cell-icon-size)}.oc-Accordion-module__summary__ORyIA>[data-oc-part=content]{position:relative;z-index:2;display:flex;align-items:center;flex:1;min-block-size:var(--oc-cell-content-min-block-size);min-inline-size:0}.oc-Accordion-module__summary__ORyIA [data-oc-part=text]{display:flex;flex-direction:column;gap:var(--oc-space-item-gap-atom);min-inline-size:0}.oc-Accordion-module__summary__ORyIA [data-oc-part=label],.oc-Accordion-module__summary__ORyIA [data-oc-part=description]{min-inline-size:0}.oc-Accordion-module__summary__ORyIA [data-oc-part=description]{font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-label1);color:var(--oc-color-theme-label-alternative)}.oc-Accordion-module__summary__ORyIA>[data-oc-part=trailing]{justify-content:flex-end}.oc-Accordion-module__summary__ORyIA{inline-size:100%;padding-inline:0;border:0;font:inherit;text-align:start;background:transparent}.oc-Accordion-module__summary__ORyIA:disabled{cursor:not-allowed}.oc-Accordion-module__trailing__Gnf84{justify-content:flex-end}.oc-Accordion-module__trailing__Gnf84[data-oc-rotate=true]{transform:rotate(var(--oc-accordion-chevron-rotation, 0deg));transition:transform calc(.561s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-quick) * 1) linear(0 0%,.0045 .83%,.0168 1.67%,.0356 2.5%,.0593 3.33%,.0871 4.17%,.1178 5%,.1507 5.83%,.1852 6.67%,.2207 7.5%,.2566 8.33%,.2926 9.17%,.3283 10%,.3635 10.83%,.398 11.67%,.4316 12.5%,.4642 13.33%,.4957 14.17%,.5259 15%,.5549 15.83%,.5826 16.67%,.609 17.5%,.6341 18.33%,.6579 19.17%,.6805 20%,.7018 20.83%,.722 21.67%,.7409 22.5%,.7588 23.33%,.7756 24.17%,.7913 25%,.8061 25.83%,.8199 26.67%,.8328 27.5%,.8449 28.33%,.8562 29.17%,.8667 30%,.8765 30.83%,.8857 31.67%,.8942 32.5%,.9021 33.33%,.9095 34.17%,.9163 35%,.9227 35.83%,.9286 36.67%,.934 37.5%,.9391 38.33%,.9438 39.17%,.9481 40%,.9522 40.83%,.9559 41.67%,.9594 42.5%,.9625 43.33%,.9655 44.17%,.9682 45%,.9707 45.83%,.9731 46.67%,.9752 47.5%,.9772 48.33%,.979 49.17%,.9807 50%,.9822 50.83%,.9837 51.67%,.985 52.5%,.9862 53.33%,.9873 54.17%,.9883 55%,.9893 55.83%,.9902 56.67%,.991 57.5%,.9917 58.33%,.9924 59.17%,.993 60%,.9936 60.83%,.9941 61.67%,.9946 62.5%,.995 63.33%,.9955 64.17%,.9958 65%,.9962 65.83%,.9965 66.67%,.9968 67.5%,.9971 68.33%,.9973 69.17%,.9975 70%,.9977 70.83%,.9979 71.67%,.9981 72.5%,.9983 73.33%,.9984 74.17%,.9985 75%,.9987 75.83%,.9988 76.67%,.9989 77.5%,.999 78.33%,.9991 79.17%,.9991 80%,.9992 80.83%,.9993 81.67%,.9993 82.5%,.9994 83.33%,.9994 84.17%,.9995 85%,.9995 85.83%,.9996 86.67%,.9996 87.5%,.9996 88.33%,.9997 89.17%,.9997 90%,.9997 90.83%,.9998 91.67%,.9998 92.5%,.9998 93.33%,.9998 94.17%,.9998 95%,.9998 95.83%,.9999 96.67%,.9999 97.5%,.9999 98.33%,.9999 99.17%,1 100%)}@media(prefers-reduced-motion:reduce){.oc-Accordion-module__trailing__Gnf84[data-oc-rotate=true]{transition:none;transform:none}}.oc-Accordion-module__trailing__Gnf84[data-oc-rotate=true]>[data-oc-part=indicator-frame]{display:inline-flex;flex:none;align-items:center;justify-content:center;block-size:var(--oc-cell-content-min-block-size)}@supports (block-size: 1lh){.oc-Accordion-module__trailing__Gnf84[data-oc-rotate=true]>[data-oc-part=indicator-frame]{block-size:1lh}}.oc-Accordion-module__trailing__Gnf84[data-oc-rotate=true] [data-oc-component=svg-icon]{inline-size:auto;block-size:var(--oc-accordion-disclosure-indicator-size, calc(1.5em - var(--oc-accordion-disclosure-indicator-padding-block, .125em) * 2))}@supports (block-size: 1lh){.oc-Accordion-module__trailing__Gnf84[data-oc-rotate=true] [data-oc-component=svg-icon]{block-size:var(--oc-accordion-disclosure-indicator-size, calc(1lh - var(--oc-accordion-disclosure-indicator-padding-block, .125em) * 2))}}@media(prefers-reduced-motion:reduce){.oc-Accordion-module__trailing__Gnf84[data-oc-rotate=true]{transform:rotate(var(--oc-accordion-chevron-rotation, 0deg))}}.oc-Accordion-module__details__x7mjA{min-block-size:0}.oc-Accordion-module__details__x7mjA>[data-oc-part=panel-inner]{opacity:0;transition:opacity calc(.449s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) linear(0 0%,.0045 .83%,.0169 1.67%,.0356 2.5%,.0594 3.33%,.0871 4.17%,.1179 5%,.1508 5.83%,.1853 6.67%,.2208 7.5%,.2567 8.33%,.2927 9.17%,.3285 10%,.3637 10.83%,.3983 11.67%,.4319 12.5%,.4644 13.33%,.4959 14.17%,.5261 15%,.5551 15.83%,.5828 16.67%,.6092 17.5%,.6343 18.33%,.6582 19.17%,.6807 20%,.7021 20.83%,.7222 21.67%,.7412 22.5%,.759 23.33%,.7758 24.17%,.7915 25%,.8063 25.83%,.8201 26.67%,.833 27.5%,.8451 28.33%,.8564 29.17%,.8669 30%,.8767 30.83%,.8858 31.67%,.8943 32.5%,.9022 33.33%,.9096 34.17%,.9164 35%,.9228 35.83%,.9287 36.67%,.9341 37.5%,.9392 38.33%,.9439 39.17%,.9482 40%,.9523 40.83%,.956 41.67%,.9594 42.5%,.9626 43.33%,.9656 44.17%,.9683 45%,.9708 45.83%,.9731 46.67%,.9753 47.5%,.9772 48.33%,.979 49.17%,.9807 50%,.9823 50.83%,.9837 51.67%,.985 52.5%,.9862 53.33%,.9874 54.17%,.9884 55%,.9893 55.83%,.9902 56.67%,.991 57.5%,.9917 58.33%,.9924 59.17%,.993 60%,.9936 60.83%,.9941 61.67%,.9946 62.5%,.9951 63.33%,.9955 64.17%,.9958 65%,.9962 65.83%,.9965 66.67%,.9968 67.5%,.9971 68.33%,.9973 69.17%,.9975 70%,.9977 70.83%,.9979 71.67%,.9981 72.5%,.9983 73.33%,.9984 74.17%,.9985 75%,.9987 75.83%,.9988 76.67%,.9989 77.5%,.999 78.33%,.9991 79.17%,.9991 80%,.9992 80.83%,.9993 81.67%,.9993 82.5%,.9994 83.33%,.9994 84.17%,.9995 85%,.9995 85.83%,.9996 86.67%,.9996 87.5%,.9996 88.33%,.9997 89.17%,.9997 90%,.9997 90.83%,.9998 91.67%,.9998 92.5%,.9998 93.33%,.9998 94.17%,.9998 95%,.9998 95.83%,.9999 96.67%,.9999 97.5%,.9999 98.33%,.9999 99.17%,1 100%)}@media(prefers-reduced-motion:reduce){.oc-Accordion-module__details__x7mjA>[data-oc-part=panel-inner]{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-expand-exit) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-expand-exit)}}.oc-Accordion-module__details__x7mjA[data-oc-motion-state=opening]>[data-oc-part=panel-inner],.oc-Accordion-module__details__x7mjA[data-oc-motion-state=open]>[data-oc-part=panel-inner]{opacity:1;transition:opacity calc(.561s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) linear(0 0%,.0045 .83%,.0168 1.67%,.0356 2.5%,.0593 3.33%,.0871 4.17%,.1178 5%,.1507 5.83%,.1852 6.67%,.2207 7.5%,.2566 8.33%,.2926 9.17%,.3283 10%,.3635 10.83%,.398 11.67%,.4316 12.5%,.4642 13.33%,.4957 14.17%,.5259 15%,.5549 15.83%,.5826 16.67%,.609 17.5%,.6341 18.33%,.6579 19.17%,.6805 20%,.7018 20.83%,.722 21.67%,.7409 22.5%,.7588 23.33%,.7756 24.17%,.7913 25%,.8061 25.83%,.8199 26.67%,.8328 27.5%,.8449 28.33%,.8562 29.17%,.8667 30%,.8765 30.83%,.8857 31.67%,.8942 32.5%,.9021 33.33%,.9095 34.17%,.9163 35%,.9227 35.83%,.9286 36.67%,.934 37.5%,.9391 38.33%,.9438 39.17%,.9481 40%,.9522 40.83%,.9559 41.67%,.9594 42.5%,.9625 43.33%,.9655 44.17%,.9682 45%,.9707 45.83%,.9731 46.67%,.9752 47.5%,.9772 48.33%,.979 49.17%,.9807 50%,.9822 50.83%,.9837 51.67%,.985 52.5%,.9862 53.33%,.9873 54.17%,.9883 55%,.9893 55.83%,.9902 56.67%,.991 57.5%,.9917 58.33%,.9924 59.17%,.993 60%,.9936 60.83%,.9941 61.67%,.9946 62.5%,.995 63.33%,.9955 64.17%,.9958 65%,.9962 65.83%,.9965 66.67%,.9968 67.5%,.9971 68.33%,.9973 69.17%,.9975 70%,.9977 70.83%,.9979 71.67%,.9981 72.5%,.9983 73.33%,.9984 74.17%,.9985 75%,.9987 75.83%,.9988 76.67%,.9989 77.5%,.999 78.33%,.9991 79.17%,.9991 80%,.9992 80.83%,.9993 81.67%,.9993 82.5%,.9994 83.33%,.9994 84.17%,.9995 85%,.9995 85.83%,.9996 86.67%,.9996 87.5%,.9996 88.33%,.9997 89.17%,.9997 90%,.9997 90.83%,.9998 91.67%,.9998 92.5%,.9998 93.33%,.9998 94.17%,.9998 95%,.9998 95.83%,.9999 96.67%,.9999 97.5%,.9999 98.33%,.9999 99.17%,1 100%)}@media(prefers-reduced-motion:reduce){.oc-Accordion-module__details__x7mjA[data-oc-motion-state=opening]>[data-oc-part=panel-inner],.oc-Accordion-module__details__x7mjA[data-oc-motion-state=open]>[data-oc-part=panel-inner]{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-expand) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-expand)}}.oc-Accordion-module__accordion__wD27Q[data-oc-animation=disabled] .oc-Accordion-module__summary__ORyIA,.oc-Accordion-module__accordion__wD27Q[data-oc-animation=disabled] .oc-Accordion-module__trailing__Gnf84,.oc-Accordion-module__accordion__wD27Q[data-oc-animation=disabled] .oc-Accordion-module__details__x7mjA>[data-oc-part=panel-inner]{transition:none}.oc-Accordion-module__panelInner__YQXzI{display:flex;flex-direction:column;gap:var(--oc-space-item-gap-small);min-block-size:0;padding-block:0 var(--oc-cell-padding);padding-inline:0}.oc-Accordion-module__item__YNNr-:has([data-oc-component=accordion-summary][data-oc-fill-width=true]) [data-oc-part=panel-inner]{padding-inline:var(--oc-cell-padding-inline)}.oc-Accordion-module__description__bKdPX{font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-label1);margin:0;color:var(--oc-color-theme-label-alternative)}.oc-Accordion-module__content__RyBzl{display:flex;flex-direction:column;gap:var(--oc-space-item-gap-small);min-inline-size:0}.oc-Accordion-module__normal__Fz83W{--oc-cell-divider-color: var(--oc-color-theme-line-normal-normal)}.oc-Accordion-module__neutral__eEyvY{--oc-cell-divider-color: var(--oc-color-theme-line-normal-neutral)}.oc-Accordion-module__alternative__HdOit{--oc-cell-divider-color: var(--oc-color-theme-line-normal-alternative)}.oc-Accordion-module__none__EiLem{--oc-cell-divider-color: transparent}
1
+ .oc-Accordion-module__accordion__wD27Q{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);display:flex;flex-direction:column;margin-block:calc(-1 * var(--oc-cell-padding));color:var(--oc-color-theme-label-normal);--oc-cell-padding: var(--oc-space-item-padding-small);--oc-cell-padding-inline: var(--oc-space-item-padding-medium);--oc-cell-gap: .5em;--oc-cell-icon-size: 1.375rem;--oc-cell-disabled-opacity: .28;--oc-cell-interaction-margin-inline: var(--oc-space-item-padding-xsmall);--oc-cell-interaction-radius: var(--oc-atomic-radius-small);--oc-cell-divider-color: var(--oc-color-theme-line-normal-normal);--oc-accordion-current-divider-color: var(--oc-cell-divider-color)}.oc-Accordion-module__item__YNNr-[data-oc-divider=normal]{--oc-accordion-current-divider-color: var(--oc-color-theme-line-normal-normal)}.oc-Accordion-module__item__YNNr-[data-oc-divider=neutral]{--oc-accordion-current-divider-color: var(--oc-color-theme-line-normal-neutral)}.oc-Accordion-module__item__YNNr-[data-oc-divider=alternative]{--oc-accordion-current-divider-color: var(--oc-color-theme-line-normal-alternative)}.oc-Accordion-module__item__YNNr-[data-oc-divider=none]{--oc-accordion-current-divider-color: transparent}.oc-Accordion-module__item__YNNr-+.oc-Accordion-module__item__YNNr-{border-block-start:1px solid var(--oc-accordion-current-divider-color, var(--oc-cell-divider-color));transition:border-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * .5) var(--oc-motion-timing-feedback),transform 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-Accordion-module__item__YNNr-+.oc-Accordion-module__item__YNNr-{transform:none;transition-property:border-color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * .5);transition-timing-function:var(--oc-motion-timing-feedback)}}@media(hover:hover){.oc-Accordion-module__item__YNNr-:has(>.oc-Accordion-module__header__AYOT5>.oc-Accordion-module__summary__ORyIA:hover:not(:disabled)){--oc-accordion-current-divider-color: transparent}.oc-Accordion-module__item__YNNr-:has(>.oc-Accordion-module__header__AYOT5>.oc-Accordion-module__summary__ORyIA:hover:not(:disabled)):not([data-oc-state=open])+.oc-Accordion-module__item__YNNr-{--oc-accordion-current-divider-color: transparent}}@media(hover:none){.oc-Accordion-module__item__YNNr-:has(>.oc-Accordion-module__header__AYOT5>.oc-Accordion-module__summary__ORyIA:active:not(:disabled)){--oc-accordion-current-divider-color: transparent}.oc-Accordion-module__item__YNNr-:has(>.oc-Accordion-module__header__AYOT5>.oc-Accordion-module__summary__ORyIA:active:not(:disabled)):not([data-oc-state=open])+.oc-Accordion-module__item__YNNr-{--oc-accordion-current-divider-color: transparent}}.oc-Accordion-module__item__YNNr-[data-oc-disabled=true] .oc-Accordion-module__summary__ORyIA>:where([data-oc-part=leading],[data-oc-part=content],[data-oc-part=trailing]),.oc-Accordion-module__item__YNNr-[data-oc-disabled=true] [data-oc-part=panel-inner]{opacity:var(--oc-cell-disabled-opacity)}.oc-Accordion-module__header__AYOT5{margin:0;font:inherit}.oc-Accordion-module__summary__ORyIA{position:relative;display:flex;align-items:flex-start;gap:var(--oc-cell-gap);padding-block:var(--oc-cell-padding);min-inline-size:0;color:inherit;transform:scale(var(--oc-accordion-summary-press-scale, 1));transition:transform 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-Accordion-module__summary__ORyIA{transition:none;transform:none}}.oc-Accordion-module__summary__ORyIA{--oc-cell-content-min-block-size: var(--oc-typo-height-body1)}.oc-Accordion-module__summary__ORyIA[data-oc-vertical-align=center]{align-items:center}.oc-Accordion-module__summary__ORyIA[data-oc-fill-width=true]{padding-inline:var(--oc-cell-padding-inline);--oc-interaction-inset-x: 0;--oc-interaction-radius: 0}.oc-Accordion-module__summary__ORyIA[data-oc-fill-width=false]{--oc-interaction-inset-x: calc(-1 * var(--oc-cell-interaction-margin-inline));--oc-interaction-radius: var(--oc-cell-interaction-radius)}.oc-Accordion-module__summary__ORyIA{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.oc-Accordion-module__summary__ORyIA:focus-visible>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus);transform:scale(1)}@media(hover:hover){.oc-Accordion-module__summary__ORyIA:hover:not(:disabled)>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-hover);transform:scale(1)}}.oc-Accordion-module__summary__ORyIA:active:not(:disabled){--oc-accordion-summary-press-scale: max(0, 1 + (.9875 - 1) * var(--oc-motion-scale-factor-feedback))}.oc-Accordion-module__summary__ORyIA:active:not(:disabled)>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}.oc-Accordion-module__summary__ORyIA[data-oc-disabled=true]{cursor:not-allowed}.oc-Accordion-module__summary__ORyIA[data-oc-disabled=true]>:where([data-oc-part=leading],[data-oc-part=content],[data-oc-part=trailing]){opacity:var(--oc-cell-disabled-opacity)}.oc-Accordion-module__summary__ORyIA[data-oc-disabled=true]>[data-oc-component=interaction]{pointer-events:none}.oc-Accordion-module__summary__ORyIA>[data-oc-part=leading],.oc-Accordion-module__summary__ORyIA>[data-oc-part=trailing]{position:relative;z-index:2;display:inline-flex;flex:none;align-items:center;min-block-size:var(--oc-cell-content-min-block-size);color:var(--oc-color-theme-label-alternative)}.oc-Accordion-module__summary__ORyIA>[data-oc-part=leading]>[data-oc-component=svg-icon],.oc-Accordion-module__summary__ORyIA>[data-oc-part=trailing]>[data-oc-component=svg-icon]{block-size:var(--oc-cell-icon-size)}.oc-Accordion-module__summary__ORyIA>[data-oc-part=content]{position:relative;z-index:2;display:flex;align-items:center;flex:1;min-block-size:var(--oc-cell-content-min-block-size);min-inline-size:0}.oc-Accordion-module__summary__ORyIA [data-oc-part=text]{display:flex;flex-direction:column;gap:var(--oc-space-item-gap-atom);min-inline-size:0}.oc-Accordion-module__summary__ORyIA [data-oc-part=label],.oc-Accordion-module__summary__ORyIA [data-oc-part=description]{min-inline-size:0}.oc-Accordion-module__summary__ORyIA [data-oc-part=description]{font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-label1);color:var(--oc-color-theme-label-alternative)}.oc-Accordion-module__summary__ORyIA>[data-oc-part=trailing]{justify-content:flex-end}.oc-Accordion-module__summary__ORyIA{inline-size:100%;padding-inline:0;border:0;font:inherit;text-align:start;background:transparent}.oc-Accordion-module__summary__ORyIA:disabled{cursor:not-allowed}.oc-Accordion-module__trailing__Gnf84{justify-content:flex-end}.oc-Accordion-module__trailing__Gnf84[data-oc-rotate=true]{transform:rotate(var(--oc-accordion-chevron-rotation, 0deg));transition:transform calc(.561s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-quick) * 1) linear(0 0%,.0045 .83%,.0168 1.67%,.0356 2.5%,.0593 3.33%,.0871 4.17%,.1178 5%,.1507 5.83%,.1852 6.67%,.2207 7.5%,.2566 8.33%,.2926 9.17%,.3283 10%,.3635 10.83%,.398 11.67%,.4316 12.5%,.4642 13.33%,.4957 14.17%,.5259 15%,.5549 15.83%,.5826 16.67%,.609 17.5%,.6341 18.33%,.6579 19.17%,.6805 20%,.7018 20.83%,.722 21.67%,.7409 22.5%,.7588 23.33%,.7756 24.17%,.7913 25%,.8061 25.83%,.8199 26.67%,.8328 27.5%,.8449 28.33%,.8562 29.17%,.8667 30%,.8765 30.83%,.8857 31.67%,.8942 32.5%,.9021 33.33%,.9095 34.17%,.9163 35%,.9227 35.83%,.9286 36.67%,.934 37.5%,.9391 38.33%,.9438 39.17%,.9481 40%,.9522 40.83%,.9559 41.67%,.9594 42.5%,.9625 43.33%,.9655 44.17%,.9682 45%,.9707 45.83%,.9731 46.67%,.9752 47.5%,.9772 48.33%,.979 49.17%,.9807 50%,.9822 50.83%,.9837 51.67%,.985 52.5%,.9862 53.33%,.9873 54.17%,.9883 55%,.9893 55.83%,.9902 56.67%,.991 57.5%,.9917 58.33%,.9924 59.17%,.993 60%,.9936 60.83%,.9941 61.67%,.9946 62.5%,.995 63.33%,.9955 64.17%,.9958 65%,.9962 65.83%,.9965 66.67%,.9968 67.5%,.9971 68.33%,.9973 69.17%,.9975 70%,.9977 70.83%,.9979 71.67%,.9981 72.5%,.9983 73.33%,.9984 74.17%,.9985 75%,.9987 75.83%,.9988 76.67%,.9989 77.5%,.999 78.33%,.9991 79.17%,.9991 80%,.9992 80.83%,.9993 81.67%,.9993 82.5%,.9994 83.33%,.9994 84.17%,.9995 85%,.9995 85.83%,.9996 86.67%,.9996 87.5%,.9996 88.33%,.9997 89.17%,.9997 90%,.9997 90.83%,.9998 91.67%,.9998 92.5%,.9998 93.33%,.9998 94.17%,.9998 95%,.9998 95.83%,.9999 96.67%,.9999 97.5%,.9999 98.33%,.9999 99.17%,1 100%)}@media(prefers-reduced-motion:reduce){.oc-Accordion-module__trailing__Gnf84[data-oc-rotate=true]{transition:none;transform:none}}.oc-Accordion-module__trailing__Gnf84[data-oc-rotate=true]>[data-oc-part=indicator-frame]{display:inline-flex;flex:none;align-items:center;justify-content:center;block-size:var(--oc-cell-content-min-block-size)}@supports (block-size: 1lh){.oc-Accordion-module__trailing__Gnf84[data-oc-rotate=true]>[data-oc-part=indicator-frame]{block-size:1lh}}.oc-Accordion-module__trailing__Gnf84[data-oc-rotate=true] [data-oc-component=svg-icon]{inline-size:auto;block-size:var(--oc-accordion-disclosure-indicator-size, calc(1.5em - var(--oc-accordion-disclosure-indicator-padding-block, .125em) * 2))}@supports (block-size: 1lh){.oc-Accordion-module__trailing__Gnf84[data-oc-rotate=true] [data-oc-component=svg-icon]{block-size:var(--oc-accordion-disclosure-indicator-size, calc(1lh - var(--oc-accordion-disclosure-indicator-padding-block, .125em) * 2))}}@media(prefers-reduced-motion:reduce){.oc-Accordion-module__trailing__Gnf84[data-oc-rotate=true]{transform:rotate(var(--oc-accordion-chevron-rotation, 0deg))}}.oc-Accordion-module__details__x7mjA{min-block-size:0}.oc-Accordion-module__details__x7mjA>[data-oc-part=panel-inner]{opacity:0;transition:opacity calc(.449s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) linear(0 0%,.0045 .83%,.0169 1.67%,.0356 2.5%,.0594 3.33%,.0871 4.17%,.1179 5%,.1508 5.83%,.1853 6.67%,.2208 7.5%,.2567 8.33%,.2927 9.17%,.3285 10%,.3637 10.83%,.3983 11.67%,.4319 12.5%,.4644 13.33%,.4959 14.17%,.5261 15%,.5551 15.83%,.5828 16.67%,.6092 17.5%,.6343 18.33%,.6582 19.17%,.6807 20%,.7021 20.83%,.7222 21.67%,.7412 22.5%,.759 23.33%,.7758 24.17%,.7915 25%,.8063 25.83%,.8201 26.67%,.833 27.5%,.8451 28.33%,.8564 29.17%,.8669 30%,.8767 30.83%,.8858 31.67%,.8943 32.5%,.9022 33.33%,.9096 34.17%,.9164 35%,.9228 35.83%,.9287 36.67%,.9341 37.5%,.9392 38.33%,.9439 39.17%,.9482 40%,.9523 40.83%,.956 41.67%,.9594 42.5%,.9626 43.33%,.9656 44.17%,.9683 45%,.9708 45.83%,.9731 46.67%,.9753 47.5%,.9772 48.33%,.979 49.17%,.9807 50%,.9823 50.83%,.9837 51.67%,.985 52.5%,.9862 53.33%,.9874 54.17%,.9884 55%,.9893 55.83%,.9902 56.67%,.991 57.5%,.9917 58.33%,.9924 59.17%,.993 60%,.9936 60.83%,.9941 61.67%,.9946 62.5%,.9951 63.33%,.9955 64.17%,.9958 65%,.9962 65.83%,.9965 66.67%,.9968 67.5%,.9971 68.33%,.9973 69.17%,.9975 70%,.9977 70.83%,.9979 71.67%,.9981 72.5%,.9983 73.33%,.9984 74.17%,.9985 75%,.9987 75.83%,.9988 76.67%,.9989 77.5%,.999 78.33%,.9991 79.17%,.9991 80%,.9992 80.83%,.9993 81.67%,.9993 82.5%,.9994 83.33%,.9994 84.17%,.9995 85%,.9995 85.83%,.9996 86.67%,.9996 87.5%,.9996 88.33%,.9997 89.17%,.9997 90%,.9997 90.83%,.9998 91.67%,.9998 92.5%,.9998 93.33%,.9998 94.17%,.9998 95%,.9998 95.83%,.9999 96.67%,.9999 97.5%,.9999 98.33%,.9999 99.17%,1 100%)}@media(prefers-reduced-motion:reduce){.oc-Accordion-module__details__x7mjA>[data-oc-part=panel-inner]{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-expand-exit) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-expand-exit)}}.oc-Accordion-module__details__x7mjA[data-oc-motion-state=opening]>[data-oc-part=panel-inner],.oc-Accordion-module__details__x7mjA[data-oc-motion-state=open]>[data-oc-part=panel-inner]{opacity:1;transition:opacity calc(.561s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) linear(0 0%,.0045 .83%,.0168 1.67%,.0356 2.5%,.0593 3.33%,.0871 4.17%,.1178 5%,.1507 5.83%,.1852 6.67%,.2207 7.5%,.2566 8.33%,.2926 9.17%,.3283 10%,.3635 10.83%,.398 11.67%,.4316 12.5%,.4642 13.33%,.4957 14.17%,.5259 15%,.5549 15.83%,.5826 16.67%,.609 17.5%,.6341 18.33%,.6579 19.17%,.6805 20%,.7018 20.83%,.722 21.67%,.7409 22.5%,.7588 23.33%,.7756 24.17%,.7913 25%,.8061 25.83%,.8199 26.67%,.8328 27.5%,.8449 28.33%,.8562 29.17%,.8667 30%,.8765 30.83%,.8857 31.67%,.8942 32.5%,.9021 33.33%,.9095 34.17%,.9163 35%,.9227 35.83%,.9286 36.67%,.934 37.5%,.9391 38.33%,.9438 39.17%,.9481 40%,.9522 40.83%,.9559 41.67%,.9594 42.5%,.9625 43.33%,.9655 44.17%,.9682 45%,.9707 45.83%,.9731 46.67%,.9752 47.5%,.9772 48.33%,.979 49.17%,.9807 50%,.9822 50.83%,.9837 51.67%,.985 52.5%,.9862 53.33%,.9873 54.17%,.9883 55%,.9893 55.83%,.9902 56.67%,.991 57.5%,.9917 58.33%,.9924 59.17%,.993 60%,.9936 60.83%,.9941 61.67%,.9946 62.5%,.995 63.33%,.9955 64.17%,.9958 65%,.9962 65.83%,.9965 66.67%,.9968 67.5%,.9971 68.33%,.9973 69.17%,.9975 70%,.9977 70.83%,.9979 71.67%,.9981 72.5%,.9983 73.33%,.9984 74.17%,.9985 75%,.9987 75.83%,.9988 76.67%,.9989 77.5%,.999 78.33%,.9991 79.17%,.9991 80%,.9992 80.83%,.9993 81.67%,.9993 82.5%,.9994 83.33%,.9994 84.17%,.9995 85%,.9995 85.83%,.9996 86.67%,.9996 87.5%,.9996 88.33%,.9997 89.17%,.9997 90%,.9997 90.83%,.9998 91.67%,.9998 92.5%,.9998 93.33%,.9998 94.17%,.9998 95%,.9998 95.83%,.9999 96.67%,.9999 97.5%,.9999 98.33%,.9999 99.17%,1 100%)}@media(prefers-reduced-motion:reduce){.oc-Accordion-module__details__x7mjA[data-oc-motion-state=opening]>[data-oc-part=panel-inner],.oc-Accordion-module__details__x7mjA[data-oc-motion-state=open]>[data-oc-part=panel-inner]{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-expand) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-expand)}}.oc-Accordion-module__accordion__wD27Q[data-oc-animation=disabled] .oc-Accordion-module__summary__ORyIA,.oc-Accordion-module__accordion__wD27Q[data-oc-animation=disabled] .oc-Accordion-module__trailing__Gnf84,.oc-Accordion-module__accordion__wD27Q[data-oc-animation=disabled] .oc-Accordion-module__details__x7mjA>[data-oc-part=panel-inner]{transition:none}.oc-Accordion-module__panelInner__YQXzI{display:flex;flex-direction:column;gap:var(--oc-space-item-gap-small);min-block-size:0;padding-block:0 var(--oc-cell-padding);padding-inline:0}.oc-Accordion-module__item__YNNr-:has([data-oc-component=accordion-summary][data-oc-fill-width=true]) [data-oc-part=panel-inner]{padding-inline:var(--oc-cell-padding-inline)}.oc-Accordion-module__description__bKdPX{font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-label1);margin:0;color:var(--oc-color-theme-label-alternative)}.oc-Accordion-module__content__RyBzl{display:flex;flex-direction:column;gap:var(--oc-space-item-gap-small);min-inline-size:0}.oc-Accordion-module__normal__Fz83W{--oc-cell-divider-color: var(--oc-color-theme-line-normal-normal)}.oc-Accordion-module__neutral__eEyvY{--oc-cell-divider-color: var(--oc-color-theme-line-normal-neutral)}.oc-Accordion-module__alternative__HdOit{--oc-cell-divider-color: var(--oc-color-theme-line-normal-alternative)}.oc-Accordion-module__none__EiLem{--oc-cell-divider-color: transparent}
package/dist/components/BackgroundIconButton/BackgroundIconButton.css CHANGED
@@ -1 +1 @@
1
- .oc-BackgroundIconButton-module__backgroundIconButton__up7D1{position:relative;display:inline-flex;align-items:center;justify-content:center;appearance:none;border:none;background-color:transparent;padding:0;cursor:pointer;text-decoration:none;color:inherit;will-change:transform;transition:transform calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1{-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;--oc-interaction-inset-x: -.25rem;--oc-interaction-inset-y: -.25rem;--oc-interaction-scale: 1;--oc-interaction-time: .225s;--oc-interaction-z-index: 3;--oc-background-icon-button-blend-opacity: var(--oc-color-global-opacity-8);--oc-background-icon-button-size: 1.5rem;--oc-background-icon-button-webkit-blend-opacity: .2;width:var(--oc-background-icon-button-size);height:var(--oc-background-icon-button-size);transition:transform 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-BackgroundIconButton-module__backgroundIconButton__up7D1{transition:none;transform:none}}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1>[data-oc-component=interaction]{clip-path:inset(0 round var(--oc-atomic-radius-max))}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:active:not(:disabled,[aria-disabled=true]){transform:scale(max(0,1 + (.95 - 1) * var(--oc-motion-scale-factor-feedback)))}@media(prefers-reduced-motion:reduce){.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:active:not(:disabled,[aria-disabled=true]){transform:none}}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:focus-visible:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus);transform:scale(1)}@media(hover:hover){.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:hover:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-hover);transform:scale(1)}}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:active:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__normal__pYVrG) [data-oc-part=icon]{color:var(--oc-color-theme-static-black);opacity:var(--oc-color-global-opacity-43)}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__normal__pYVrG) [data-oc-part=background]{background-color:transparent}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__normal__pYVrG) [data-oc-part=background]:after{background-color:var(--oc-color-theme-static-white);mix-blend-mode:plus-lighter;opacity:var(--oc-color-global-opacity-35)}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__normal__pYVrG) [data-oc-part=background]:before{background-color:rgb(0,0,0,var(--oc-background-icon-button-blend-opacity));mix-blend-mode:multiply}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__primary__n6x6u) [data-oc-part=icon]{color:var(--oc-color-theme-static-white)}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__primary__n6x6u) [data-oc-part=background]{background-color:var(--oc-color-theme-primary-normal)}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=background]{position:absolute;inset-block-start:-.25rem;inset-inline-start:-.25rem;z-index:0;width:100%;height:100%;padding:.25rem;box-sizing:content-box;-webkit-backdrop-filter:blur(var(--oc-atomic-blur-normal)) saturate(150%) brightness(150%);backdrop-filter:blur(var(--oc-atomic-blur-normal)) saturate(150%) brightness(150%);border-radius:var(--oc-atomic-radius-max);overflow:hidden;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-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=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)}}@supports (-webkit-backdrop-filter: none){.oc-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=background]{clip-path:inset(0 round var(--oc-atomic-radius-max));overflow:auto;border-radius:0}}@supports (-moz-appearance: none){.oc-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=background]{clip-path:inset(0 round var(--oc-atomic-radius-max));overflow:auto;border-radius:0}}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=background]:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;z-index:1;width:100%;height:100%;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),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-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=background]:before{transition-property:background-color,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-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=background]:after{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;z-index:0;width:100%;height:100%;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),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-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=background]:after{transition-property:background-color,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-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=icon]{display:inline-flex;align-items:center;justify-content:center;width:var(--oc-background-icon-button-size);height:var(--oc-background-icon-button-size);z-index:1;transition:color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),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-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=icon]{transition-property:color,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-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=icon]>svg{padding:.125rem}@supports (-webkit-backdrop-filter: none){.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__normal__pYVrG) [data-oc-part=icon]{color:var(--oc-color-global-coolNeutral-50);opacity:var(--oc-color-global-opacity-61);mix-blend-mode:plus-darker}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__normal__pYVrG) [data-oc-part=background]{-webkit-backdrop-filter:blur(var(--oc-atomic-blur-normal)) saturate(150%) brightness(200%);backdrop-filter:blur(var(--oc-atomic-blur-normal)) saturate(150%) brightness(200%)}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__normal__pYVrG) [data-oc-part=background]:before{background-color:#000;opacity:calc(var(--oc-background-icon-button-webkit-blend-opacity) + var(--oc-background-icon-button-webkit-blend-opacity-add, 0))}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__normal__pYVrG) [data-oc-part=background]:after{mix-blend-mode:normal}}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__alternative__YA8Jv) [data-oc-part=icon]{color:var(--oc-color-theme-static-white);opacity:var(--oc-color-global-opacity-88);mix-blend-mode:normal}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__alternative__YA8Jv) [data-oc-part=background]{background-color:color-mix(in srgb,var(--oc-color-global-coolNeutral-30),transparent calc(100% - (100% * var(--oc-color-global-opacity-61))));-webkit-backdrop-filter:none;backdrop-filter:none}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__alternative__YA8Jv) [data-oc-part=background]:before,.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__alternative__YA8Jv) [data-oc-part=background]:after{background-color:transparent;mix-blend-mode:normal;opacity:1}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:disabled,.oc-BackgroundIconButton-module__backgroundIconButton__up7D1[aria-disabled=true]{cursor:not-allowed}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:disabled [data-oc-part=icon],.oc-BackgroundIconButton-module__backgroundIconButton__up7D1[aria-disabled=true] [data-oc-part=icon]{color:var(--oc-color-theme-label-disable);opacity:1;mix-blend-mode:normal}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:disabled [data-oc-part=background],.oc-BackgroundIconButton-module__backgroundIconButton__up7D1[aria-disabled=true] [data-oc-part=background]{background-color:var(--oc-color-theme-interaction-disable);-webkit-backdrop-filter:none;backdrop-filter:none}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:disabled [data-oc-part=background]:before,.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:disabled [data-oc-part=background]:after,.oc-BackgroundIconButton-module__backgroundIconButton__up7D1[aria-disabled=true] [data-oc-part=background]:before,.oc-BackgroundIconButton-module__backgroundIconButton__up7D1[aria-disabled=true] [data-oc-part=background]:after{background-color:transparent;mix-blend-mode:normal;opacity:1}
1
+ .oc-BackgroundIconButton-module__backgroundIconButton__up7D1{position:relative;display:inline-flex;align-items:center;justify-content:center;appearance:none;border:none;background-color:transparent;padding:0;cursor:pointer;text-decoration:none;color:inherit;will-change:transform;transition:transform calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1{-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;--oc-interaction-inset-x: -.25rem;--oc-interaction-inset-y: -.25rem;--oc-interaction-radius: var(--oc-atomic-radius-max);--oc-interaction-scale: 1;--oc-interaction-time: .225s;--oc-interaction-z-index: 3;--oc-background-icon-button-blend-opacity: var(--oc-color-global-opacity-8);--oc-background-icon-button-size: 1.5rem;--oc-background-icon-button-webkit-blend-opacity: .2;width:var(--oc-background-icon-button-size);height:var(--oc-background-icon-button-size);transition:transform 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-BackgroundIconButton-module__backgroundIconButton__up7D1{transition:none;transform:none}}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:active:not(:disabled,[aria-disabled=true]){transform:scale(max(0,1 + (.95 - 1) * var(--oc-motion-scale-factor-feedback)))}@media(prefers-reduced-motion:reduce){.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:active:not(:disabled,[aria-disabled=true]){transform:none}}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:focus-visible:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus);transform:scale(1)}@media(hover:hover){.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:hover:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-hover);transform:scale(1)}}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:active:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__normal__pYVrG) [data-oc-part=icon]{color:var(--oc-color-theme-static-black);opacity:var(--oc-color-global-opacity-43)}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__normal__pYVrG) [data-oc-part=background]{background-color:transparent}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__normal__pYVrG) [data-oc-part=background]:after{background-color:var(--oc-color-theme-static-white);mix-blend-mode:plus-lighter;opacity:var(--oc-color-global-opacity-35)}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__normal__pYVrG) [data-oc-part=background]:before{background-color:rgb(0,0,0,var(--oc-background-icon-button-blend-opacity));mix-blend-mode:multiply}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__primary__n6x6u) [data-oc-part=icon]{color:var(--oc-color-theme-static-white)}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__primary__n6x6u) [data-oc-part=background]{background-color:var(--oc-color-theme-primary-normal)}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=background]{position:absolute;inset-block-start:-.25rem;inset-inline-start:-.25rem;z-index:0;width:100%;height:100%;padding:.25rem;box-sizing:content-box;-webkit-backdrop-filter:blur(var(--oc-atomic-blur-normal)) saturate(150%) brightness(150%);backdrop-filter:blur(var(--oc-atomic-blur-normal)) saturate(150%) brightness(150%);border-radius:var(--oc-atomic-radius-max);overflow:hidden;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-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=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)}}@supports (-webkit-backdrop-filter: none){.oc-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=background]{clip-path:inset(0 round var(--oc-atomic-radius-max));overflow:auto;border-radius:0}}@supports (-moz-appearance: none){.oc-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=background]{clip-path:inset(0 round var(--oc-atomic-radius-max));overflow:auto;border-radius:0}}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=background]:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;z-index:1;width:100%;height:100%;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),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-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=background]:before{transition-property:background-color,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-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=background]:after{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;z-index:0;width:100%;height:100%;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),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-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=background]:after{transition-property:background-color,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-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=icon]{display:inline-flex;align-items:center;justify-content:center;width:var(--oc-background-icon-button-size);height:var(--oc-background-icon-button-size);z-index:1;transition:color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),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-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=icon]{transition-property:color,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-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=icon]>svg{padding:.125rem}@supports (-webkit-backdrop-filter: none){.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__normal__pYVrG) [data-oc-part=icon]{color:var(--oc-color-global-coolNeutral-50);opacity:var(--oc-color-global-opacity-61);mix-blend-mode:plus-darker}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__normal__pYVrG) [data-oc-part=background]{-webkit-backdrop-filter:blur(var(--oc-atomic-blur-normal)) saturate(150%) brightness(200%);backdrop-filter:blur(var(--oc-atomic-blur-normal)) saturate(150%) brightness(200%)}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__normal__pYVrG) [data-oc-part=background]:before{background-color:#000;opacity:calc(var(--oc-background-icon-button-webkit-blend-opacity) + var(--oc-background-icon-button-webkit-blend-opacity-add, 0))}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__normal__pYVrG) [data-oc-part=background]:after{mix-blend-mode:normal}}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__alternative__YA8Jv) [data-oc-part=icon]{color:var(--oc-color-theme-static-white);opacity:var(--oc-color-global-opacity-88);mix-blend-mode:normal}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__alternative__YA8Jv) [data-oc-part=background]{background-color:color-mix(in srgb,var(--oc-color-global-coolNeutral-30),transparent calc(100% - (100% * var(--oc-color-global-opacity-61))));-webkit-backdrop-filter:none;backdrop-filter:none}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__alternative__YA8Jv) [data-oc-part=background]:before,.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__alternative__YA8Jv) [data-oc-part=background]:after{background-color:transparent;mix-blend-mode:normal;opacity:1}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:disabled,.oc-BackgroundIconButton-module__backgroundIconButton__up7D1[aria-disabled=true]{cursor:not-allowed}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:disabled [data-oc-part=icon],.oc-BackgroundIconButton-module__backgroundIconButton__up7D1[aria-disabled=true] [data-oc-part=icon]{color:var(--oc-color-theme-label-disable);opacity:1;mix-blend-mode:normal}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:disabled [data-oc-part=background],.oc-BackgroundIconButton-module__backgroundIconButton__up7D1[aria-disabled=true] [data-oc-part=background]{background-color:var(--oc-color-theme-interaction-disable);-webkit-backdrop-filter:none;backdrop-filter:none}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:disabled [data-oc-part=background]:before,.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:disabled [data-oc-part=background]:after,.oc-BackgroundIconButton-module__backgroundIconButton__up7D1[aria-disabled=true] [data-oc-part=background]:before,.oc-BackgroundIconButton-module__backgroundIconButton__up7D1[aria-disabled=true] [data-oc-part=background]:after{background-color:transparent;mix-blend-mode:normal;opacity:1}
package/dist/components/Button/Button.css CHANGED
@@ -1 +1 @@
1
- .oc-Button-module__button__18Bed{position:relative;display:inline-flex;align-items:center;justify-content:center;appearance:none;border:none;background-color:transparent;padding:0;cursor:pointer;text-decoration:none;color:inherit;will-change:transform;transition:transform 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-Button-module__button__18Bed{transition:none;transform:none}}.oc-Button-module__button__18Bed{-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;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);font-weight:var(--oc-typo-weight-body1-bold);display:inline-flex;position:relative;overflow:hidden;flex-direction:column;gap:0;box-shadow:inset 0 0 0 1px var(--oc-button-border-color, transparent);border-radius:var(--oc-button-radius);background-color:var(--oc-button-background-color);padding:var(--oc-button-padding-y) var(--oc-button-padding-x);min-block-size:calc(var(--oc-button-content-height) + var(--oc-button-padding-y) * 2);color:var(--oc-button-color);white-space:nowrap;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),box-shadow calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),transform 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-Button-module__button__18Bed{transition-property:background-color,box-shadow,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);transform:none}}.oc-Button-module__button__18Bed{--oc-button-padding-x: var(--oc-space-item-padding-medium);--oc-button-padding-y: var(--oc-space-item-padding-xsmall);--oc-button-content-height: var(--oc-typo-height-body1);--oc-button-control-size: calc(var(--oc-button-content-height) + (var(--oc-button-padding-y) * 2));--oc-button-gap: var(--oc-space-item-gap-tiny);--oc-button-label-padding-x: 0;--oc-button-radius: var(--oc-atomic-radius-small);--oc-button-background-color: var(--oc-color-theme-label-strong);--oc-button-color: var(--oc-color-theme-background-normal-normal);--oc-interaction-color: var(--oc-color-theme-background-normal-normal);--oc-button-border-color: var(--oc-color-theme-static-transparent);--oc-button-loading-color: var(--oc-color-theme-label-alternative);--oc-interaction-z-index: 1}.oc-Button-module__button__18Bed>[data-oc-component=interaction]{border-radius:var(--oc-button-radius)}.oc-Button-module__button__18Bed>[data-oc-part=content]{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:var(--oc-button-gap);block-size:var(--oc-button-content-height)}.oc-Button-module__button__18Bed>[data-oc-part=loading]{position:absolute;z-index:3;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;inline-size:var(--oc-button-content-height);block-size:var(--oc-button-content-height);color:currentcolor;line-height:0;padding:.0625rem;pointer-events:none}.oc-Button-module__button__18Bed>[data-oc-part=loading]>[data-oc-component=loading]{--oc-loading-size: 100%;--oc-loading-color: var(--oc-button-loading-color)}.oc-Button-module__button__18Bed [data-oc-part=label]{display:inline-flex;align-items:center;justify-content:center;padding-inline:var(--oc-button-label-padding-x, 0)}.oc-Button-module__button__18Bed [data-oc-part=leading-icon],.oc-Button-module__button__18Bed [data-oc-part=trailing-icon],.oc-Button-module__button__18Bed [data-oc-part=icon]{display:inline-flex;align-items:center;justify-content:center;color:currentcolor}.oc-Button-module__button__18Bed [data-oc-part=leading-icon]>[data-oc-component=svg-icon],.oc-Button-module__button__18Bed [data-oc-part=trailing-icon]>[data-oc-component=svg-icon],.oc-Button-module__button__18Bed [data-oc-part=icon]>[data-oc-component=svg-icon]{inline-size:auto;block-size:var(--oc-button-icon-size, calc(1.5em - var(--oc-button-icon-padding-block, .125em) * 2))}@supports (block-size: 1lh){.oc-Button-module__button__18Bed [data-oc-part=leading-icon]>[data-oc-component=svg-icon],.oc-Button-module__button__18Bed [data-oc-part=trailing-icon]>[data-oc-component=svg-icon],.oc-Button-module__button__18Bed [data-oc-part=icon]>[data-oc-component=svg-icon]{block-size:var(--oc-button-icon-size, calc(1lh - var(--oc-button-icon-padding-block, .125em) * 2))}}.oc-Button-module__button__18Bed:focus-visible>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus);transform:scale(1)}@media(hover:hover){.oc-Button-module__button__18Bed:hover:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-hover);transform:scale(1)}}.oc-Button-module__button__18Bed:active:not(:disabled,[aria-disabled=true]){transform:scale(max(0,1 + (.9875 - 1) * var(--oc-motion-scale-factor-feedback)))}.oc-Button-module__button__18Bed:active:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}.oc-Button-module__button__18Bed:disabled,.oc-Button-module__button__18Bed[aria-disabled=true]{--oc-button-background-color: var(--oc-color-theme-interaction-disable);--oc-button-border-color: var(--oc-color-theme-static-transparent);--oc-button-color: var(--oc-color-theme-label-disable);--oc-button-loading-color: var(--oc-color-theme-label-disable);cursor:not-allowed}.oc-Button-module__button__18Bed:where(.oc-Button-module__medium__HYxwi){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);font-weight:var(--oc-typo-weight-body2-bold);--oc-button-padding-x: var(--oc-space-item-padding-small);--oc-button-padding-y: var(--oc-space-item-padding-mini);--oc-button-icon-padding-block: .0625em}.oc-Button-module__button__18Bed:where(.oc-Button-module__small__zfmcP){font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-label1);font-weight:var(--oc-typo-weight-label1-bold);--oc-button-padding-x: var(--oc-space-item-padding-xsmall);--oc-button-padding-y: var(--oc-space-item-padding-tiny);--oc-button-gap: var(--oc-space-item-gap-nano);--oc-button-label-padding-x: var(--oc-space-item-padding-atom);--oc-button-radius: var(--oc-atomic-radius-xsmall);--oc-button-icon-padding-block: .0625em}.oc-Button-module__button__18Bed:where(.oc-Button-module__xsmall__QS3d-){font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-label1);font-weight:var(--oc-typo-weight-label1-bold);--oc-button-padding-x: var(--oc-space-item-padding-mini);--oc-button-padding-y: var(--oc-space-item-padding-tiny);--oc-button-content-height: var(--oc-typo-height-label1);--oc-button-gap: var(--oc-space-item-gap-atom);--oc-button-label-padding-x: var(--oc-space-item-padding-atom);--oc-button-radius: var(--oc-atomic-radius-mini)}.oc-Button-module__button__18Bed:where(.oc-Button-module__solid__yi-oB):where(.oc-Button-module__primary__st6yY){--oc-button-background-color: var(--oc-color-theme-primary-normal);--oc-button-color: var(--oc-color-theme-static-white);--oc-button-loading-color: var(--oc-color-theme-static-white);--oc-interaction-color: var(--oc-color-theme-label-normal)}.oc-Button-module__button__18Bed:where(.oc-Button-module__solid__yi-oB):where(.oc-Button-module__assistive__6KrCl){--oc-button-background-color: var(--oc-color-theme-fill-normal);--oc-button-color: var(--oc-color-theme-label-neutral);--oc-interaction-color: var(--oc-color-theme-label-neutral)}.oc-Button-module__button__18Bed:where(.oc-Button-module__solid__yi-oB):disabled,.oc-Button-module__button__18Bed:where(.oc-Button-module__solid__yi-oB)[aria-disabled=true]{--oc-button-background-color: var(--oc-color-theme-interaction-disable);--oc-button-border-color: var(--oc-color-theme-static-transparent);--oc-button-color: var(--oc-color-theme-label-disable);--oc-button-loading-color: var(--oc-color-theme-label-disable)}.oc-Button-module__button__18Bed:where(.oc-Button-module__outlined__f4ewH){--oc-button-background-color: transparent;--oc-button-border-color: var(--oc-color-theme-label-normal);--oc-button-color: var(--oc-color-theme-label-normal);--oc-interaction-color: var(--oc-color-theme-label-normal)}.oc-Button-module__button__18Bed:where(.oc-Button-module__outlined__f4ewH):where(.oc-Button-module__primary__st6yY){--oc-button-border-color: var(--oc-color-theme-primary-normal);--oc-button-color: var(--oc-color-theme-primary-normal);--oc-interaction-color: var(--oc-color-theme-primary-normal)}.oc-Button-module__button__18Bed:where(.oc-Button-module__outlined__f4ewH):where(.oc-Button-module__secondary__j-3rj){--oc-button-border-color: var(--oc-color-theme-line-normal-normal);--oc-button-color: var(--oc-color-theme-primary-normal);--oc-interaction-color: var(--oc-color-theme-label-normal)}.oc-Button-module__button__18Bed:where(.oc-Button-module__outlined__f4ewH):where(.oc-Button-module__assistive__6KrCl){--oc-button-border-color: var(--oc-color-theme-line-normal-normal);--oc-button-color: var(--oc-color-theme-label-neutral);--oc-interaction-color: var(--oc-color-theme-label-neutral);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);font-weight:var(--oc-typo-weight-body1-medium)}.oc-Button-module__button__18Bed:where(.oc-Button-module__outlined__f4ewH):where(.oc-Button-module__assistive__6KrCl):where(.oc-Button-module__medium__HYxwi){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);font-weight:var(--oc-typo-weight-body2-medium)}.oc-Button-module__button__18Bed:where(.oc-Button-module__outlined__f4ewH):where(.oc-Button-module__assistive__6KrCl):where(.oc-Button-module__small__zfmcP),.oc-Button-module__button__18Bed:where(.oc-Button-module__outlined__f4ewH):where(.oc-Button-module__assistive__6KrCl):where(.oc-Button-module__xsmall__QS3d-){font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-label1);font-weight:var(--oc-typo-weight-label1-medium)}.oc-Button-module__button__18Bed:where(.oc-Button-module__outlined__f4ewH):disabled,.oc-Button-module__button__18Bed:where(.oc-Button-module__outlined__f4ewH)[aria-disabled=true]{--oc-button-background-color: var(--oc-color-theme-static-transparent);--oc-button-border-color: var(--oc-color-theme-line-normal-neutral);--oc-button-color: var(--oc-color-theme-label-disable);--oc-button-loading-color: var(--oc-color-theme-label-disable)}.oc-Button-module__button__18Bed:where(.oc-Button-module__loading__QfItr){cursor:progress}.oc-Button-module__button__18Bed:where(.oc-Button-module__loading__QfItr)>[data-oc-part=content]{visibility:hidden}.oc-Button-module__button__18Bed:where(.oc-Button-module__iconOnly__FNrSu){aspect-ratio:1;inline-size:var(--oc-button-control-size);padding-inline:var(--oc-button-padding-y)}.oc-Button-module__button__18Bed:where(.oc-Button-module__fullWidth__AHpSl){inline-size:100%}.oc-Button-module__button__18Bed:where(.oc-Button-module__iconOnly__FNrSu):where(.oc-Button-module__fullWidth__AHpSl){aspect-ratio:auto}@media(prefers-reduced-motion:reduce){.oc-Button-module__button__18Bed:active:not(:disabled,[aria-disabled=true]){transform:none}}
1
+ .oc-Button-module__button__18Bed{position:relative;display:inline-flex;align-items:center;justify-content:center;appearance:none;border:none;background-color:transparent;padding:0;cursor:pointer;text-decoration:none;color:inherit;will-change:transform;transition:transform 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-Button-module__button__18Bed{transition:none;transform:none}}.oc-Button-module__button__18Bed{-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;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);font-weight:var(--oc-typo-weight-body1-bold);display:inline-flex;position:relative;overflow:hidden;flex-direction:column;gap:0;box-shadow:inset 0 0 0 1px var(--oc-button-border-color, transparent);border-radius:var(--oc-button-radius);background-color:var(--oc-button-background-color);padding:var(--oc-button-padding-y) var(--oc-button-padding-x);min-block-size:calc(var(--oc-button-content-height) + var(--oc-button-padding-y) * 2);color:var(--oc-button-color);white-space:nowrap;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),box-shadow calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),transform 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-Button-module__button__18Bed{transition-property:background-color,box-shadow,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);transform:none}}.oc-Button-module__button__18Bed{--oc-button-padding-x: var(--oc-space-item-padding-medium);--oc-button-padding-y: var(--oc-space-item-padding-xsmall);--oc-button-content-height: var(--oc-typo-height-body1);--oc-button-control-size: calc(var(--oc-button-content-height) + (var(--oc-button-padding-y) * 2));--oc-button-gap: var(--oc-space-item-gap-tiny);--oc-button-label-padding-x: 0;--oc-button-radius: var(--oc-atomic-radius-small);--oc-interaction-radius: var(--oc-button-radius);--oc-button-background-color: var(--oc-color-theme-label-strong);--oc-button-color: var(--oc-color-theme-background-normal-normal);--oc-interaction-color: var(--oc-color-theme-background-normal-normal);--oc-button-border-color: var(--oc-color-theme-static-transparent);--oc-button-loading-color: var(--oc-color-theme-label-alternative);--oc-interaction-z-index: 1}.oc-Button-module__button__18Bed>[data-oc-part=content]{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:var(--oc-button-gap);block-size:var(--oc-button-content-height)}.oc-Button-module__button__18Bed>[data-oc-part=loading]{position:absolute;z-index:3;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;inline-size:var(--oc-button-content-height);block-size:var(--oc-button-content-height);color:currentcolor;line-height:0;padding:.0625rem;pointer-events:none}.oc-Button-module__button__18Bed>[data-oc-part=loading]>[data-oc-component=loading]{--oc-loading-size: 100%;--oc-loading-color: var(--oc-button-loading-color)}.oc-Button-module__button__18Bed [data-oc-part=label]{display:inline-flex;align-items:center;justify-content:center;padding-inline:var(--oc-button-label-padding-x, 0)}.oc-Button-module__button__18Bed [data-oc-part=leading-icon],.oc-Button-module__button__18Bed [data-oc-part=trailing-icon],.oc-Button-module__button__18Bed [data-oc-part=icon]{display:inline-flex;align-items:center;justify-content:center;color:currentcolor}.oc-Button-module__button__18Bed [data-oc-part=leading-icon]>[data-oc-component=svg-icon],.oc-Button-module__button__18Bed [data-oc-part=trailing-icon]>[data-oc-component=svg-icon],.oc-Button-module__button__18Bed [data-oc-part=icon]>[data-oc-component=svg-icon]{inline-size:auto;block-size:var(--oc-button-icon-size, calc(1.5em - var(--oc-button-icon-padding-block, .125em) * 2))}@supports (block-size: 1lh){.oc-Button-module__button__18Bed [data-oc-part=leading-icon]>[data-oc-component=svg-icon],.oc-Button-module__button__18Bed [data-oc-part=trailing-icon]>[data-oc-component=svg-icon],.oc-Button-module__button__18Bed [data-oc-part=icon]>[data-oc-component=svg-icon]{block-size:var(--oc-button-icon-size, calc(1lh - var(--oc-button-icon-padding-block, .125em) * 2))}}.oc-Button-module__button__18Bed:focus-visible>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus);transform:scale(1)}@media(hover:hover){.oc-Button-module__button__18Bed:hover:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-hover);transform:scale(1)}}.oc-Button-module__button__18Bed:active:not(:disabled,[aria-disabled=true]){transform:scale(max(0,1 + (.9875 - 1) * var(--oc-motion-scale-factor-feedback)))}.oc-Button-module__button__18Bed:active:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}.oc-Button-module__button__18Bed:disabled,.oc-Button-module__button__18Bed[aria-disabled=true]{--oc-button-background-color: var(--oc-color-theme-interaction-disable);--oc-button-border-color: var(--oc-color-theme-static-transparent);--oc-button-color: var(--oc-color-theme-label-disable);--oc-button-loading-color: var(--oc-color-theme-label-disable);cursor:not-allowed}.oc-Button-module__button__18Bed:where(.oc-Button-module__medium__HYxwi){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);font-weight:var(--oc-typo-weight-body2-bold);--oc-button-padding-x: var(--oc-space-item-padding-small);--oc-button-padding-y: var(--oc-space-item-padding-mini);--oc-button-icon-padding-block: .0625em}.oc-Button-module__button__18Bed:where(.oc-Button-module__small__zfmcP){font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-label1);font-weight:var(--oc-typo-weight-label1-bold);--oc-button-padding-x: var(--oc-space-item-padding-xsmall);--oc-button-padding-y: var(--oc-space-item-padding-tiny);--oc-button-gap: var(--oc-space-item-gap-nano);--oc-button-label-padding-x: var(--oc-space-item-padding-atom);--oc-button-radius: var(--oc-atomic-radius-xsmall);--oc-button-icon-padding-block: .0625em}.oc-Button-module__button__18Bed:where(.oc-Button-module__xsmall__QS3d-){font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-label1);font-weight:var(--oc-typo-weight-label1-bold);--oc-button-padding-x: var(--oc-space-item-padding-mini);--oc-button-padding-y: var(--oc-space-item-padding-tiny);--oc-button-content-height: var(--oc-typo-height-label1);--oc-button-gap: var(--oc-space-item-gap-atom);--oc-button-label-padding-x: var(--oc-space-item-padding-atom);--oc-button-radius: var(--oc-atomic-radius-mini)}.oc-Button-module__button__18Bed:where(.oc-Button-module__solid__yi-oB):where(.oc-Button-module__primary__st6yY){--oc-button-background-color: var(--oc-color-theme-primary-normal);--oc-button-color: var(--oc-color-theme-static-white);--oc-button-loading-color: var(--oc-color-theme-static-white);--oc-interaction-color: var(--oc-color-theme-label-normal)}.oc-Button-module__button__18Bed:where(.oc-Button-module__solid__yi-oB):where(.oc-Button-module__assistive__6KrCl){--oc-button-background-color: var(--oc-color-theme-fill-normal);--oc-button-color: var(--oc-color-theme-label-neutral);--oc-interaction-color: var(--oc-color-theme-label-neutral)}.oc-Button-module__button__18Bed:where(.oc-Button-module__solid__yi-oB):disabled,.oc-Button-module__button__18Bed:where(.oc-Button-module__solid__yi-oB)[aria-disabled=true]{--oc-button-background-color: var(--oc-color-theme-interaction-disable);--oc-button-border-color: var(--oc-color-theme-static-transparent);--oc-button-color: var(--oc-color-theme-label-disable);--oc-button-loading-color: var(--oc-color-theme-label-disable)}.oc-Button-module__button__18Bed:where(.oc-Button-module__outlined__f4ewH){--oc-button-background-color: transparent;--oc-button-border-color: var(--oc-color-theme-label-normal);--oc-button-color: var(--oc-color-theme-label-normal);--oc-interaction-color: var(--oc-color-theme-label-normal)}.oc-Button-module__button__18Bed:where(.oc-Button-module__outlined__f4ewH):where(.oc-Button-module__primary__st6yY){--oc-button-border-color: var(--oc-color-theme-primary-normal);--oc-button-color: var(--oc-color-theme-primary-normal);--oc-interaction-color: var(--oc-color-theme-primary-normal)}.oc-Button-module__button__18Bed:where(.oc-Button-module__outlined__f4ewH):where(.oc-Button-module__secondary__j-3rj){--oc-button-border-color: var(--oc-color-theme-line-normal-normal);--oc-button-color: var(--oc-color-theme-primary-normal);--oc-interaction-color: var(--oc-color-theme-label-normal)}.oc-Button-module__button__18Bed:where(.oc-Button-module__outlined__f4ewH):where(.oc-Button-module__assistive__6KrCl){--oc-button-border-color: var(--oc-color-theme-line-normal-normal);--oc-button-color: var(--oc-color-theme-label-neutral);--oc-interaction-color: var(--oc-color-theme-label-neutral);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);font-weight:var(--oc-typo-weight-body1-medium)}.oc-Button-module__button__18Bed:where(.oc-Button-module__outlined__f4ewH):where(.oc-Button-module__assistive__6KrCl):where(.oc-Button-module__medium__HYxwi){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);font-weight:var(--oc-typo-weight-body2-medium)}.oc-Button-module__button__18Bed:where(.oc-Button-module__outlined__f4ewH):where(.oc-Button-module__assistive__6KrCl):where(.oc-Button-module__small__zfmcP),.oc-Button-module__button__18Bed:where(.oc-Button-module__outlined__f4ewH):where(.oc-Button-module__assistive__6KrCl):where(.oc-Button-module__xsmall__QS3d-){font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-label1);font-weight:var(--oc-typo-weight-label1-medium)}.oc-Button-module__button__18Bed:where(.oc-Button-module__outlined__f4ewH):disabled,.oc-Button-module__button__18Bed:where(.oc-Button-module__outlined__f4ewH)[aria-disabled=true]{--oc-button-background-color: var(--oc-color-theme-static-transparent);--oc-button-border-color: var(--oc-color-theme-line-normal-neutral);--oc-button-color: var(--oc-color-theme-label-disable);--oc-button-loading-color: var(--oc-color-theme-label-disable)}.oc-Button-module__button__18Bed:where(.oc-Button-module__loading__QfItr){cursor:progress}.oc-Button-module__button__18Bed:where(.oc-Button-module__loading__QfItr)>[data-oc-part=content]{visibility:hidden}.oc-Button-module__button__18Bed:where(.oc-Button-module__iconOnly__FNrSu){aspect-ratio:1;inline-size:var(--oc-button-control-size);padding-inline:var(--oc-button-padding-y)}.oc-Button-module__button__18Bed:where(.oc-Button-module__fullWidth__AHpSl){inline-size:100%}.oc-Button-module__button__18Bed:where(.oc-Button-module__iconOnly__FNrSu):where(.oc-Button-module__fullWidth__AHpSl){aspect-ratio:auto}@media(prefers-reduced-motion:reduce){.oc-Button-module__button__18Bed:active:not(:disabled,[aria-disabled=true]){transform:none}}
package/dist/components/Cell/Cell.css CHANGED
@@ -1 +1 @@
1
- .oc-Cell-module__cell__BDmja{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);display:flex;flex-direction:column;margin-block:calc(-1 * var(--oc-cell-padding));padding:0;color:var(--oc-color-theme-label-normal);list-style:none;--oc-cell-padding: var(--oc-space-item-padding-small);--oc-cell-padding-inline: var(--oc-space-item-padding-medium);--oc-cell-gap: .5em;--oc-cell-icon-size: 1.375rem;--oc-cell-disabled-opacity: .28;--oc-cell-interaction-margin-inline: var(--oc-space-item-padding-xsmall);--oc-cell-interaction-radius: var(--oc-atomic-radius-small);--oc-cell-divider-color: var(--oc-color-theme-line-normal-normal)}.oc-Cell-module__item__r5fW2{position:relative;display:flex;align-items:flex-start;gap:var(--oc-cell-gap);padding-block:var(--oc-cell-padding);min-inline-size:0;color:inherit;transform:scale(var(--oc-cell-press-scale, 1));transition:transform 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-Cell-module__item__r5fW2{transition:none;transform:none}}.oc-Cell-module__item__r5fW2{--oc-cell-content-min-block-size: var(--oc-typo-height-body1)}.oc-Cell-module__item__r5fW2[data-oc-vertical-align=center]{align-items:center}.oc-Cell-module__item__r5fW2[data-oc-fill-width=true]{padding-inline:var(--oc-cell-padding-inline)}.oc-Cell-module__item__r5fW2[data-oc-fill-width=true]>[data-oc-component=interaction]{--oc-interaction-inset-x: 0;--oc-interaction-radius: 0}.oc-Cell-module__item__r5fW2[data-oc-fill-width=false]>[data-oc-component=interaction]{--oc-interaction-inset-x: calc(-1 * var(--oc-cell-interaction-margin-inline));--oc-interaction-radius: var(--oc-cell-interaction-radius)}.oc-Cell-module__item__r5fW2[data-oc-divider=normal]{--oc-cell-current-divider-color: var(--oc-color-theme-line-normal-normal)}.oc-Cell-module__item__r5fW2[data-oc-divider=neutral]{--oc-cell-current-divider-color: var(--oc-color-theme-line-normal-neutral)}.oc-Cell-module__item__r5fW2[data-oc-divider=alternative]{--oc-cell-current-divider-color: var(--oc-color-theme-line-normal-alternative)}.oc-Cell-module__item__r5fW2[data-oc-divider=none]{--oc-cell-current-divider-color: transparent}.oc-Cell-module__item__r5fW2+.oc-Cell-module__item__r5fW2{border-block-start:1px solid var(--oc-cell-current-divider-color, var(--oc-cell-divider-color));transition:border-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * .5) var(--oc-motion-timing-feedback),transform 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-Cell-module__item__r5fW2+.oc-Cell-module__item__r5fW2{transform:none;transition-property:border-color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * .5);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:focus-visible>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus);transform:scale(1)}@media(hover:hover){.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:hover:not([data-oc-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-hover);transform:scale(1)}}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:active:not([data-oc-disabled=true]){--oc-cell-press-scale: max(0, 1 + (.9875 - 1) * var(--oc-motion-scale-factor-feedback))}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:active:not([data-oc-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}.oc-Cell-module__item__r5fW2[data-oc-disabled=true]{cursor:not-allowed}.oc-Cell-module__item__r5fW2[data-oc-disabled=true]>:where([data-oc-part=leading],[data-oc-part=content],[data-oc-part=trailing]){opacity:var(--oc-cell-disabled-opacity)}.oc-Cell-module__item__r5fW2[data-oc-disabled=true]>[data-oc-component=interaction]{pointer-events:none}.oc-Cell-module__item__r5fW2>[data-oc-component=interaction]{border-radius:var(--oc-interaction-radius)}.oc-Cell-module__item__r5fW2>[data-oc-part=leading],.oc-Cell-module__item__r5fW2>[data-oc-part=trailing]{position:relative;z-index:2;display:inline-flex;flex:none;align-items:center;min-block-size:var(--oc-cell-content-min-block-size);color:var(--oc-color-theme-label-alternative)}.oc-Cell-module__item__r5fW2>[data-oc-part=leading]>[data-oc-component=svg-icon],.oc-Cell-module__item__r5fW2>[data-oc-part=trailing]>[data-oc-component=svg-icon]{block-size:var(--oc-cell-icon-size)}.oc-Cell-module__item__r5fW2>[data-oc-part=content]{position:relative;z-index:2;display:flex;align-items:center;flex:1;min-block-size:var(--oc-cell-content-min-block-size);min-inline-size:0}.oc-Cell-module__item__r5fW2 [data-oc-part=text]{display:flex;flex-direction:column;gap:var(--oc-space-item-gap-atom);min-inline-size:0}.oc-Cell-module__item__r5fW2 [data-oc-part=label],.oc-Cell-module__item__r5fW2 [data-oc-part=description]{min-inline-size:0}.oc-Cell-module__item__r5fW2 [data-oc-part=description]{font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-label1);color:var(--oc-color-theme-label-alternative)}.oc-Cell-module__item__r5fW2>[data-oc-part=trailing]{justify-content:flex-end}@media(hover:hover){.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:hover:not([data-oc-disabled=true]){--oc-cell-current-divider-color: transparent}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:hover:not([data-oc-disabled=true])+.oc-Cell-module__item__r5fW2{--oc-cell-current-divider-color: transparent}}@media(hover:none){.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:active:not([data-oc-disabled=true]){--oc-cell-current-divider-color: transparent}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:active:not([data-oc-disabled=true])+.oc-Cell-module__item__r5fW2{--oc-cell-current-divider-color: transparent}}.oc-Cell-module__item__r5fW2[data-oc-interactive=true] :where([data-oc-component=checkbox],[data-oc-component=radio],[data-oc-component=switch]) [data-oc-component=interaction]{display:none}.oc-Cell-module__normal__O7uwW{--oc-cell-divider-color: var(--oc-color-theme-line-normal-normal)}.oc-Cell-module__neutral__Fhigo{--oc-cell-divider-color: var(--oc-color-theme-line-normal-neutral)}.oc-Cell-module__alternative__7dShz{--oc-cell-divider-color: var(--oc-color-theme-line-normal-alternative)}.oc-Cell-module__none__s4kvs{--oc-cell-divider-color: transparent}
1
+ .oc-Cell-module__cell__BDmja{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);display:flex;flex-direction:column;margin-block:calc(-1 * var(--oc-cell-padding));padding:0;color:var(--oc-color-theme-label-normal);list-style:none;--oc-cell-padding: var(--oc-space-item-padding-small);--oc-cell-padding-inline: var(--oc-space-item-padding-medium);--oc-cell-gap: .5em;--oc-cell-icon-size: 1.375rem;--oc-cell-disabled-opacity: .28;--oc-cell-interaction-margin-inline: var(--oc-space-item-padding-xsmall);--oc-cell-interaction-radius: var(--oc-atomic-radius-small);--oc-cell-divider-color: var(--oc-color-theme-line-normal-normal)}.oc-Cell-module__item__r5fW2{position:relative;display:flex;align-items:flex-start;gap:var(--oc-cell-gap);padding-block:var(--oc-cell-padding);min-inline-size:0;color:inherit;transform:scale(var(--oc-cell-press-scale, 1));transition:transform 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-Cell-module__item__r5fW2{transition:none;transform:none}}.oc-Cell-module__item__r5fW2{--oc-cell-content-min-block-size: var(--oc-typo-height-body1)}.oc-Cell-module__item__r5fW2[data-oc-vertical-align=center]{align-items:center}.oc-Cell-module__item__r5fW2[data-oc-fill-width=true]{padding-inline:var(--oc-cell-padding-inline);--oc-interaction-inset-x: 0;--oc-interaction-radius: 0}.oc-Cell-module__item__r5fW2[data-oc-fill-width=false]{--oc-interaction-inset-x: calc(-1 * var(--oc-cell-interaction-margin-inline));--oc-interaction-radius: var(--oc-cell-interaction-radius)}.oc-Cell-module__item__r5fW2[data-oc-divider=normal]{--oc-cell-current-divider-color: var(--oc-color-theme-line-normal-normal)}.oc-Cell-module__item__r5fW2[data-oc-divider=neutral]{--oc-cell-current-divider-color: var(--oc-color-theme-line-normal-neutral)}.oc-Cell-module__item__r5fW2[data-oc-divider=alternative]{--oc-cell-current-divider-color: var(--oc-color-theme-line-normal-alternative)}.oc-Cell-module__item__r5fW2[data-oc-divider=none]{--oc-cell-current-divider-color: transparent}.oc-Cell-module__item__r5fW2+.oc-Cell-module__item__r5fW2{border-block-start:1px solid var(--oc-cell-current-divider-color, var(--oc-cell-divider-color));transition:border-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * .5) var(--oc-motion-timing-feedback),transform 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-Cell-module__item__r5fW2+.oc-Cell-module__item__r5fW2{transform:none;transition-property:border-color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * .5);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:focus-visible>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus);transform:scale(1)}@media(hover:hover){.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:hover:not([data-oc-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-hover);transform:scale(1)}}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:active:not([data-oc-disabled=true]){--oc-cell-press-scale: max(0, 1 + (.9875 - 1) * var(--oc-motion-scale-factor-feedback))}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:active:not([data-oc-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}.oc-Cell-module__item__r5fW2[data-oc-disabled=true]{cursor:not-allowed}.oc-Cell-module__item__r5fW2[data-oc-disabled=true]>:where([data-oc-part=leading],[data-oc-part=content],[data-oc-part=trailing]){opacity:var(--oc-cell-disabled-opacity)}.oc-Cell-module__item__r5fW2[data-oc-disabled=true]>[data-oc-component=interaction]{pointer-events:none}.oc-Cell-module__item__r5fW2>[data-oc-part=leading],.oc-Cell-module__item__r5fW2>[data-oc-part=trailing]{position:relative;z-index:2;display:inline-flex;flex:none;align-items:center;min-block-size:var(--oc-cell-content-min-block-size);color:var(--oc-color-theme-label-alternative)}.oc-Cell-module__item__r5fW2>[data-oc-part=leading]>[data-oc-component=svg-icon],.oc-Cell-module__item__r5fW2>[data-oc-part=trailing]>[data-oc-component=svg-icon]{block-size:var(--oc-cell-icon-size)}.oc-Cell-module__item__r5fW2>[data-oc-part=content]{position:relative;z-index:2;display:flex;align-items:center;flex:1;min-block-size:var(--oc-cell-content-min-block-size);min-inline-size:0}.oc-Cell-module__item__r5fW2 [data-oc-part=text]{display:flex;flex-direction:column;gap:var(--oc-space-item-gap-atom);min-inline-size:0}.oc-Cell-module__item__r5fW2 [data-oc-part=label],.oc-Cell-module__item__r5fW2 [data-oc-part=description]{min-inline-size:0}.oc-Cell-module__item__r5fW2 [data-oc-part=description]{font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-label1);color:var(--oc-color-theme-label-alternative)}.oc-Cell-module__item__r5fW2>[data-oc-part=trailing]{justify-content:flex-end}@media(hover:hover){.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:hover:not([data-oc-disabled=true]){--oc-cell-current-divider-color: transparent}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:hover:not([data-oc-disabled=true])+.oc-Cell-module__item__r5fW2{--oc-cell-current-divider-color: transparent}}@media(hover:none){.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:active:not([data-oc-disabled=true]){--oc-cell-current-divider-color: transparent}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:active:not([data-oc-disabled=true])+.oc-Cell-module__item__r5fW2{--oc-cell-current-divider-color: transparent}}.oc-Cell-module__item__r5fW2[data-oc-interactive=true] :where([data-oc-component=checkbox],[data-oc-component=radio],[data-oc-component=switch]) [data-oc-component=interaction]{display:none}.oc-Cell-module__normal__O7uwW{--oc-cell-divider-color: var(--oc-color-theme-line-normal-normal)}.oc-Cell-module__neutral__Fhigo{--oc-cell-divider-color: var(--oc-color-theme-line-normal-neutral)}.oc-Cell-module__alternative__7dShz{--oc-cell-divider-color: var(--oc-color-theme-line-normal-alternative)}.oc-Cell-module__none__s4kvs{--oc-cell-divider-color: transparent}
package/dist/components/ScrollArea/ScrollArea.css CHANGED
@@ -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-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%}}
1
+ .oc-ScrollArea-module__scrollArea__DqPec{position:relative;isolation:isolate;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:1;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%}}
package/dist/components/Tooltip/Tooltip.css CHANGED
@@ -1 +1 @@
1
- .oc-Tooltip-module__trigger__bpvLZ{all:unset}.oc-Tooltip-module__trigger__bpvLZ:focus-visible{outline:var(--oc-focus-ring-width) solid var(--oc-color-theme-focus-ring);outline-offset:var(--oc-focus-ring-offset)}.oc-Tooltip-module__tooltip__LjRUX{font-size:calc(var(--oc-typo-size-caption2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-caption2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-caption2);font-weight:var(--oc-typo-weight-caption2-medium);--oc-background-radius: max(0px, .5rem * var(--oc-atomic-radius-factor));--oc-tooltip-transform-origin: top center;z-index:var(--oc-z-index-floating, 5);overflow:hidden;padding:.25rem .5rem;max-inline-size:min(20rem,100vw - var(--oc-space-item-padding-large));color:var(--oc-color-theme-label-alternative);opacity:1;transform:scale(1);transform-origin:var(--oc-tooltip-transform-origin);will-change:opacity,transform}.oc-Tooltip-module__tooltip__LjRUX[data-side=top]{--oc-tooltip-transform-origin: bottom center}.oc-Tooltip-module__tooltip__LjRUX[data-side=bottom]{--oc-tooltip-transform-origin: top center}.oc-Tooltip-module__tooltip__LjRUX[data-side=left]{--oc-tooltip-transform-origin: right center}.oc-Tooltip-module__tooltip__LjRUX[data-side=right]{--oc-tooltip-transform-origin: left center}.oc-Tooltip-module__tooltip__LjRUX[data-starting-style],.oc-Tooltip-module__tooltip__LjRUX[data-ending-style]{opacity:0;transform:scale(max(0,1 + (.95 - 1) * var(--oc-motion-scale-factor-spatial)))}.oc-Tooltip-module__tooltip__LjRUX[data-ending-style]{transition:opacity calc(var(--oc-motion-duration-disclosure-exit) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-disclosure-exit),transform calc(var(--oc-motion-duration-disclosure-exit) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-disclosure-exit)}.oc-Tooltip-module__tooltip__LjRUX{transition:opacity calc(.374s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) linear(0 0%,.0045 .83%,.0168 1.67%,.0356 2.5%,.0593 3.33%,.0871 4.17%,.1178 5%,.1507 5.83%,.1852 6.67%,.2207 7.5%,.2566 8.33%,.2926 9.17%,.3283 10%,.3635 10.83%,.398 11.67%,.4316 12.5%,.4642 13.33%,.4957 14.17%,.5259 15%,.5549 15.83%,.5826 16.67%,.609 17.5%,.6341 18.33%,.6579 19.17%,.6805 20%,.7018 20.83%,.722 21.67%,.7409 22.5%,.7588 23.33%,.7756 24.17%,.7913 25%,.8061 25.83%,.8199 26.67%,.8328 27.5%,.8449 28.33%,.8562 29.17%,.8667 30%,.8765 30.83%,.8857 31.67%,.8942 32.5%,.9021 33.33%,.9095 34.17%,.9163 35%,.9227 35.83%,.9286 36.67%,.934 37.5%,.9391 38.33%,.9438 39.17%,.9481 40%,.9522 40.83%,.9559 41.67%,.9594 42.5%,.9625 43.33%,.9655 44.17%,.9682 45%,.9707 45.83%,.9731 46.67%,.9752 47.5%,.9772 48.33%,.979 49.17%,.9807 50%,.9822 50.83%,.9837 51.67%,.985 52.5%,.9862 53.33%,.9873 54.17%,.9883 55%,.9893 55.83%,.9902 56.67%,.991 57.5%,.9917 58.33%,.9924 59.17%,.993 60%,.9936 60.83%,.9941 61.67%,.9946 62.5%,.995 63.33%,.9955 64.17%,.9958 65%,.9962 65.83%,.9965 66.67%,.9968 67.5%,.9971 68.33%,.9973 69.17%,.9975 70%,.9977 70.83%,.9979 71.67%,.9981 72.5%,.9983 73.33%,.9984 74.17%,.9985 75%,.9987 75.83%,.9988 76.67%,.9989 77.5%,.999 78.33%,.9991 79.17%,.9991 80%,.9992 80.83%,.9993 81.67%,.9993 82.5%,.9994 83.33%,.9994 84.17%,.9995 85%,.9995 85.83%,.9996 86.67%,.9996 87.5%,.9996 88.33%,.9997 89.17%,.9997 90%,.9997 90.83%,.9998 91.67%,.9998 92.5%,.9998 93.33%,.9998 94.17%,.9998 95%,.9998 95.83%,.9999 96.67%,.9999 97.5%,.9999 98.33%,.9999 99.17%,1 100%),transform calc(.326s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) linear(0 0%,.0045 .95%,.017 1.9%,.0363 2.86%,.061 3.81%,.0902 4.76%,.1229 5.71%,.1582 6.67%,.1956 7.62%,.2343 8.57%,.2738 9.52%,.3136 10.48%,.3533 11.43%,.3927 12.38%,.4313 13.33%,.469 14.29%,.5056 15.24%,.541 16.19%,.5749 17.14%,.6074 18.1%,.6384 19.05%,.6678 20%,.6956 20.95%,.7219 21.9%,.7466 22.86%,.7697 23.81%,.7913 24.76%,.8114 25.71%,.8301 26.67%,.8474 27.62%,.8635 28.57%,.8782 29.52%,.8918 30.48%,.9043 31.43%,.9157 32.38%,.9261 33.33%,.9355 34.29%,.9441 35.24%,.9518 36.19%,.9588 37.14%,.9651 38.1%,.9707 39.05%,.9757 40%,.9802 40.95%,.9842 41.9%,.9877 42.86%,.9907 43.81%,.9934 44.76%,.9957 45.71%,.9977 46.67%,.9995 47.62%,1.0009 48.57%,1.0022 49.52%,1.0032 50.48%,1.004 51.43%,1.0047 52.38%,1.0052 53.33%,1.0056 54.29%,1.0059 55.24%,1.0061 56.19%,1.0062 57.14%,1.0063 58.1%,1.0063 59.05%,1.0062 60%,1.0061 60.95%,1.0059 61.9%,1.0057 62.86%,1.0055 63.81%,1.0053 64.76%,1.0051 65.71%,1.0048 66.67%,1.0046 67.62%,1.0044 68.57%,1.0041 69.52%,1.0039 70.48%,1.0036 71.43%,1.0034 72.38%,1.0031 73.33%,1.0029 74.29%,1.0027 75.24%,1.0025 76.19%,1.0023 77.14%,1.0021 78.1%,1.0019 79.05%,1.0018 80%,1.0016 80.95%,1.0015 81.9%,1.0013 82.86%,1.0012 83.81%,1.0011 84.76%,1.001 85.71%,1.0009 86.67%,1.0008 87.62%,1.0007 88.57%,1.0006 89.52%,1.0005 90.48%,1.0005 91.43%,1.0004 92.38%,1.0004 93.33%,1.0003 94.29%,1.0003 95.24%,1.0002 96.19%,1.0002 97.14%,1.0002 98.1%,1.0001 99.05%,1 100%)}@media(prefers-reduced-motion:reduce){.oc-Tooltip-module__tooltip__LjRUX{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-disclosure) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-disclosure);transform:none}}@media(prefers-reduced-motion:reduce){.oc-Tooltip-module__tooltip__LjRUX{will-change:opacity}.oc-Tooltip-module__tooltip__LjRUX[data-starting-style],.oc-Tooltip-module__tooltip__LjRUX[data-ending-style]{transform:none}.oc-Tooltip-module__tooltip__LjRUX[data-ending-style]{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-disclosure-exit) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-disclosure-exit)}}
1
+ .oc-Tooltip-module__trigger__bpvLZ{all:unset}.oc-Tooltip-module__trigger__bpvLZ:focus-visible{outline:var(--oc-focus-ring-width) solid var(--oc-color-theme-focus-ring);outline-offset:var(--oc-focus-ring-offset)}.oc-Tooltip-module__tooltip__LjRUX{font-size:calc(var(--oc-typo-size-caption2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-caption2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-caption2);font-weight:var(--oc-typo-weight-caption2-medium);--oc-background-radius: max(0px, .5rem * var(--oc-atomic-radius-factor));--oc-tooltip-transform-origin: top center;z-index:var(--oc-tooltip-z-index, var(--oc-zindex-5));overflow:hidden;padding:.25rem .5rem;max-inline-size:min(20rem,100vw - var(--oc-space-item-padding-large));color:var(--oc-color-theme-label-alternative);opacity:1;transform:scale(1);transform-origin:var(--oc-tooltip-transform-origin);will-change:opacity,transform}.oc-Tooltip-module__tooltip__LjRUX[data-side=top]{--oc-tooltip-transform-origin: bottom center}.oc-Tooltip-module__tooltip__LjRUX[data-side=bottom]{--oc-tooltip-transform-origin: top center}.oc-Tooltip-module__tooltip__LjRUX[data-side=left]{--oc-tooltip-transform-origin: right center}.oc-Tooltip-module__tooltip__LjRUX[data-side=right]{--oc-tooltip-transform-origin: left center}.oc-Tooltip-module__tooltip__LjRUX[data-starting-style],.oc-Tooltip-module__tooltip__LjRUX[data-ending-style]{opacity:0;transform:scale(max(0,1 + (.95 - 1) * var(--oc-motion-scale-factor-spatial)))}.oc-Tooltip-module__tooltip__LjRUX[data-ending-style]{transition:opacity calc(var(--oc-motion-duration-disclosure-exit) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-disclosure-exit),transform calc(var(--oc-motion-duration-disclosure-exit) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-disclosure-exit)}.oc-Tooltip-module__tooltip__LjRUX{transition:opacity calc(.374s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) linear(0 0%,.0045 .83%,.0168 1.67%,.0356 2.5%,.0593 3.33%,.0871 4.17%,.1178 5%,.1507 5.83%,.1852 6.67%,.2207 7.5%,.2566 8.33%,.2926 9.17%,.3283 10%,.3635 10.83%,.398 11.67%,.4316 12.5%,.4642 13.33%,.4957 14.17%,.5259 15%,.5549 15.83%,.5826 16.67%,.609 17.5%,.6341 18.33%,.6579 19.17%,.6805 20%,.7018 20.83%,.722 21.67%,.7409 22.5%,.7588 23.33%,.7756 24.17%,.7913 25%,.8061 25.83%,.8199 26.67%,.8328 27.5%,.8449 28.33%,.8562 29.17%,.8667 30%,.8765 30.83%,.8857 31.67%,.8942 32.5%,.9021 33.33%,.9095 34.17%,.9163 35%,.9227 35.83%,.9286 36.67%,.934 37.5%,.9391 38.33%,.9438 39.17%,.9481 40%,.9522 40.83%,.9559 41.67%,.9594 42.5%,.9625 43.33%,.9655 44.17%,.9682 45%,.9707 45.83%,.9731 46.67%,.9752 47.5%,.9772 48.33%,.979 49.17%,.9807 50%,.9822 50.83%,.9837 51.67%,.985 52.5%,.9862 53.33%,.9873 54.17%,.9883 55%,.9893 55.83%,.9902 56.67%,.991 57.5%,.9917 58.33%,.9924 59.17%,.993 60%,.9936 60.83%,.9941 61.67%,.9946 62.5%,.995 63.33%,.9955 64.17%,.9958 65%,.9962 65.83%,.9965 66.67%,.9968 67.5%,.9971 68.33%,.9973 69.17%,.9975 70%,.9977 70.83%,.9979 71.67%,.9981 72.5%,.9983 73.33%,.9984 74.17%,.9985 75%,.9987 75.83%,.9988 76.67%,.9989 77.5%,.999 78.33%,.9991 79.17%,.9991 80%,.9992 80.83%,.9993 81.67%,.9993 82.5%,.9994 83.33%,.9994 84.17%,.9995 85%,.9995 85.83%,.9996 86.67%,.9996 87.5%,.9996 88.33%,.9997 89.17%,.9997 90%,.9997 90.83%,.9998 91.67%,.9998 92.5%,.9998 93.33%,.9998 94.17%,.9998 95%,.9998 95.83%,.9999 96.67%,.9999 97.5%,.9999 98.33%,.9999 99.17%,1 100%),transform calc(.326s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) linear(0 0%,.0045 .95%,.017 1.9%,.0363 2.86%,.061 3.81%,.0902 4.76%,.1229 5.71%,.1582 6.67%,.1956 7.62%,.2343 8.57%,.2738 9.52%,.3136 10.48%,.3533 11.43%,.3927 12.38%,.4313 13.33%,.469 14.29%,.5056 15.24%,.541 16.19%,.5749 17.14%,.6074 18.1%,.6384 19.05%,.6678 20%,.6956 20.95%,.7219 21.9%,.7466 22.86%,.7697 23.81%,.7913 24.76%,.8114 25.71%,.8301 26.67%,.8474 27.62%,.8635 28.57%,.8782 29.52%,.8918 30.48%,.9043 31.43%,.9157 32.38%,.9261 33.33%,.9355 34.29%,.9441 35.24%,.9518 36.19%,.9588 37.14%,.9651 38.1%,.9707 39.05%,.9757 40%,.9802 40.95%,.9842 41.9%,.9877 42.86%,.9907 43.81%,.9934 44.76%,.9957 45.71%,.9977 46.67%,.9995 47.62%,1.0009 48.57%,1.0022 49.52%,1.0032 50.48%,1.004 51.43%,1.0047 52.38%,1.0052 53.33%,1.0056 54.29%,1.0059 55.24%,1.0061 56.19%,1.0062 57.14%,1.0063 58.1%,1.0063 59.05%,1.0062 60%,1.0061 60.95%,1.0059 61.9%,1.0057 62.86%,1.0055 63.81%,1.0053 64.76%,1.0051 65.71%,1.0048 66.67%,1.0046 67.62%,1.0044 68.57%,1.0041 69.52%,1.0039 70.48%,1.0036 71.43%,1.0034 72.38%,1.0031 73.33%,1.0029 74.29%,1.0027 75.24%,1.0025 76.19%,1.0023 77.14%,1.0021 78.1%,1.0019 79.05%,1.0018 80%,1.0016 80.95%,1.0015 81.9%,1.0013 82.86%,1.0012 83.81%,1.0011 84.76%,1.001 85.71%,1.0009 86.67%,1.0008 87.62%,1.0007 88.57%,1.0006 89.52%,1.0005 90.48%,1.0005 91.43%,1.0004 92.38%,1.0004 93.33%,1.0003 94.29%,1.0003 95.24%,1.0002 96.19%,1.0002 97.14%,1.0002 98.1%,1.0001 99.05%,1 100%)}@media(prefers-reduced-motion:reduce){.oc-Tooltip-module__tooltip__LjRUX{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-disclosure) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-disclosure);transform:none}}@media(prefers-reduced-motion:reduce){.oc-Tooltip-module__tooltip__LjRUX{will-change:opacity}.oc-Tooltip-module__tooltip__LjRUX[data-starting-style],.oc-Tooltip-module__tooltip__LjRUX[data-ending-style]{transform:none}.oc-Tooltip-module__tooltip__LjRUX[data-ending-style]{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-disclosure-exit) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-disclosure-exit)}}
package/dist/foundations/color.theme.dark.css CHANGED
@@ -1 +1 @@
1
- @media(prefers-color-scheme: dark){:root{--oc-color-theme-static-white: var(--oc-color-global-common-100);--oc-color-theme-static-black: var(--oc-color-global-common-0);--oc-color-theme-static-transparent: var(--oc-color-global-common-transparent);--oc-color-theme-primary-normal: var(--oc-color-global-redOrange-60);--oc-color-theme-focus-ring: var(--oc-color-theme-primary-normal);--oc-color-theme-label-strong: var(--oc-color-global-common-100);--oc-color-theme-label-normal: var(--oc-color-global-coolNeutral-99);--oc-color-theme-label-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-90), transparent calc(100% - (100% * var(--oc-color-global-opacity-88))));--oc-color-theme-label-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-80), transparent calc(100% - (100% * var(--oc-color-global-opacity-61))));--oc-color-theme-label-assistive: color-mix(in srgb, var(--oc-color-global-coolNeutral-80), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-label-disable: color-mix(in srgb, var(--oc-color-global-coolNeutral-70), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-background-normal-normal: var(--oc-color-global-coolNeutral-15);--oc-color-theme-background-normal-alternative: var(--oc-color-global-coolNeutral-5);--oc-color-theme-background-elevated-normal: var(--oc-color-global-coolNeutral-17);--oc-color-theme-background-elevated-alternative: var(--oc-color-global-coolNeutral-7);--oc-color-theme-interaction-inactive: var(--oc-color-global-coolNeutral-40);--oc-color-theme-interaction-disable: var(--oc-color-global-coolNeutral-22);--oc-color-theme-line-normal-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-90), transparent calc(100% - (100% * var(--oc-color-global-opacity-52))));--oc-color-theme-line-normal-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * 0.32)));--oc-color-theme-line-normal-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-line-normal-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-22))));--oc-color-theme-line-solid-strong: var(--oc-color-global-coolNeutral-50);--oc-color-theme-line-solid-normal: var(--oc-color-global-coolNeutral-25);--oc-color-theme-line-solid-neutral: var(--oc-color-global-coolNeutral-23);--oc-color-theme-line-solid-alternative: var(--oc-color-global-coolNeutral-22);--oc-color-theme-fill-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-22))));--oc-color-theme-fill-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-fill-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-12))));--oc-color-theme-accent-background-red: var(--oc-color-global-red-60);--oc-color-theme-accent-background-orange: var(--oc-color-global-orange-60);--oc-color-theme-accent-background-lime: var(--oc-color-global-lime-60);--oc-color-theme-accent-background-green: var(--oc-color-global-green-60);--oc-color-theme-accent-background-cyan: var(--oc-color-global-cyan-60);--oc-color-theme-accent-background-lightBlue: var(--oc-color-global-lightBlue-60);--oc-color-theme-accent-background-blue: var(--oc-color-global-blue-60);--oc-color-theme-accent-background-violet: var(--oc-color-global-violet-60);--oc-color-theme-accent-background-purple: var(--oc-color-global-purple-60);--oc-color-theme-accent-background-pink: var(--oc-color-global-pink-60);--oc-color-theme-accent-background-redOrange: var(--oc-color-global-redOrange-60);--oc-color-theme-accent-foreground-red: var(--oc-color-global-red-60);--oc-color-theme-accent-foreground-redOrange: var(--oc-color-global-redOrange-60);--oc-color-theme-accent-foreground-orange: var(--oc-color-global-orange-50);--oc-color-theme-accent-foreground-lime: var(--oc-color-global-lime-50);--oc-color-theme-accent-foreground-green: var(--oc-color-global-green-60);--oc-color-theme-accent-foreground-cyan: var(--oc-color-global-cyan-50);--oc-color-theme-accent-foreground-lightBlue: var(--oc-color-global-lightBlue-50);--oc-color-theme-accent-foreground-blue: var(--oc-color-global-blue-65);--oc-color-theme-accent-foreground-violet: var(--oc-color-global-violet-70);--oc-color-theme-accent-foreground-purple: var(--oc-color-global-purple-60);--oc-color-theme-accent-foreground-pink: var(--oc-color-global-pink-60);--oc-color-theme-status-positive: var(--oc-color-theme-accent-background-green);--oc-color-theme-status-cautionary: var(--oc-color-theme-accent-background-orange);--oc-color-theme-status-negative: var(--oc-color-theme-accent-background-red);--oc-color-theme-inverse-primary: var(--oc-color-global-redOrange-50);--oc-color-theme-inverse-background: var(--oc-color-global-common-100);--oc-color-theme-inverse-label: var(--oc-color-global-coolNeutral-10);--oc-color-theme-material-dimmer: color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-74))))}}[data-theme=dark]{--oc-color-theme-static-white: var(--oc-color-global-common-100);--oc-color-theme-static-black: var(--oc-color-global-common-0);--oc-color-theme-static-transparent: var(--oc-color-global-common-transparent);--oc-color-theme-primary-normal: var(--oc-color-global-redOrange-60);--oc-color-theme-focus-ring: var(--oc-color-theme-primary-normal);--oc-color-theme-label-strong: var(--oc-color-global-common-100);--oc-color-theme-label-normal: var(--oc-color-global-coolNeutral-99);--oc-color-theme-label-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-90), transparent calc(100% - (100% * var(--oc-color-global-opacity-88))));--oc-color-theme-label-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-80), transparent calc(100% - (100% * var(--oc-color-global-opacity-61))));--oc-color-theme-label-assistive: color-mix(in srgb, var(--oc-color-global-coolNeutral-80), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-label-disable: color-mix(in srgb, var(--oc-color-global-coolNeutral-70), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-background-normal-normal: var(--oc-color-global-coolNeutral-15);--oc-color-theme-background-normal-alternative: var(--oc-color-global-coolNeutral-5);--oc-color-theme-background-elevated-normal: var(--oc-color-global-coolNeutral-17);--oc-color-theme-background-elevated-alternative: var(--oc-color-global-coolNeutral-7);--oc-color-theme-interaction-inactive: var(--oc-color-global-coolNeutral-40);--oc-color-theme-interaction-disable: var(--oc-color-global-coolNeutral-22);--oc-color-theme-line-normal-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-90), transparent calc(100% - (100% * var(--oc-color-global-opacity-52))));--oc-color-theme-line-normal-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * 0.32)));--oc-color-theme-line-normal-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-line-normal-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-22))));--oc-color-theme-line-solid-strong: var(--oc-color-global-coolNeutral-50);--oc-color-theme-line-solid-normal: var(--oc-color-global-coolNeutral-25);--oc-color-theme-line-solid-neutral: var(--oc-color-global-coolNeutral-23);--oc-color-theme-line-solid-alternative: var(--oc-color-global-coolNeutral-22);--oc-color-theme-fill-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-22))));--oc-color-theme-fill-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-fill-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-12))));--oc-color-theme-accent-background-red: var(--oc-color-global-red-60);--oc-color-theme-accent-background-orange: var(--oc-color-global-orange-60);--oc-color-theme-accent-background-lime: var(--oc-color-global-lime-60);--oc-color-theme-accent-background-green: var(--oc-color-global-green-60);--oc-color-theme-accent-background-cyan: var(--oc-color-global-cyan-60);--oc-color-theme-accent-background-lightBlue: var(--oc-color-global-lightBlue-60);--oc-color-theme-accent-background-blue: var(--oc-color-global-blue-60);--oc-color-theme-accent-background-violet: var(--oc-color-global-violet-60);--oc-color-theme-accent-background-purple: var(--oc-color-global-purple-60);--oc-color-theme-accent-background-pink: var(--oc-color-global-pink-60);--oc-color-theme-accent-background-redOrange: var(--oc-color-global-redOrange-60);--oc-color-theme-accent-foreground-red: var(--oc-color-global-red-60);--oc-color-theme-accent-foreground-redOrange: var(--oc-color-global-redOrange-60);--oc-color-theme-accent-foreground-orange: var(--oc-color-global-orange-50);--oc-color-theme-accent-foreground-lime: var(--oc-color-global-lime-50);--oc-color-theme-accent-foreground-green: var(--oc-color-global-green-60);--oc-color-theme-accent-foreground-cyan: var(--oc-color-global-cyan-50);--oc-color-theme-accent-foreground-lightBlue: var(--oc-color-global-lightBlue-50);--oc-color-theme-accent-foreground-blue: var(--oc-color-global-blue-65);--oc-color-theme-accent-foreground-violet: var(--oc-color-global-violet-70);--oc-color-theme-accent-foreground-purple: var(--oc-color-global-purple-60);--oc-color-theme-accent-foreground-pink: var(--oc-color-global-pink-60);--oc-color-theme-status-positive: var(--oc-color-theme-accent-background-green);--oc-color-theme-status-cautionary: var(--oc-color-theme-accent-background-orange);--oc-color-theme-status-negative: var(--oc-color-theme-accent-background-red);--oc-color-theme-inverse-primary: var(--oc-color-global-redOrange-50);--oc-color-theme-inverse-background: var(--oc-color-global-common-100);--oc-color-theme-inverse-label: var(--oc-color-global-coolNeutral-10);--oc-color-theme-material-dimmer: color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-74))))}
1
+ @media(prefers-color-scheme: dark){:root:where(:not([data-theme=light])){color-scheme:dark;--oc-color-theme-static-white: var(--oc-color-global-common-100);--oc-color-theme-static-black: var(--oc-color-global-common-0);--oc-color-theme-static-transparent: var(--oc-color-global-common-transparent);--oc-color-theme-primary-normal: var(--oc-color-global-redOrange-60);--oc-color-theme-focus-ring: var(--oc-color-theme-primary-normal);--oc-color-theme-label-strong: var(--oc-color-global-common-100);--oc-color-theme-label-normal: var(--oc-color-global-coolNeutral-99);--oc-color-theme-label-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-90), transparent calc(100% - (100% * var(--oc-color-global-opacity-88))));--oc-color-theme-label-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-80), transparent calc(100% - (100% * var(--oc-color-global-opacity-61))));--oc-color-theme-label-assistive: color-mix(in srgb, var(--oc-color-global-coolNeutral-80), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-label-disable: color-mix(in srgb, var(--oc-color-global-coolNeutral-70), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-background-normal-normal: var(--oc-color-global-coolNeutral-15);--oc-color-theme-background-normal-alternative: var(--oc-color-global-coolNeutral-5);--oc-color-theme-background-elevated-normal: var(--oc-color-global-coolNeutral-17);--oc-color-theme-background-elevated-alternative: var(--oc-color-global-coolNeutral-7);--oc-color-theme-interaction-inactive: var(--oc-color-global-coolNeutral-40);--oc-color-theme-interaction-disable: var(--oc-color-global-coolNeutral-22);--oc-color-theme-line-normal-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-90), transparent calc(100% - (100% * var(--oc-color-global-opacity-52))));--oc-color-theme-line-normal-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * 0.32)));--oc-color-theme-line-normal-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-line-normal-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-22))));--oc-color-theme-line-solid-strong: var(--oc-color-global-coolNeutral-50);--oc-color-theme-line-solid-normal: var(--oc-color-global-coolNeutral-25);--oc-color-theme-line-solid-neutral: var(--oc-color-global-coolNeutral-23);--oc-color-theme-line-solid-alternative: var(--oc-color-global-coolNeutral-22);--oc-color-theme-fill-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-22))));--oc-color-theme-fill-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-fill-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-12))));--oc-color-theme-accent-background-red: var(--oc-color-global-red-60);--oc-color-theme-accent-background-orange: var(--oc-color-global-orange-60);--oc-color-theme-accent-background-lime: var(--oc-color-global-lime-60);--oc-color-theme-accent-background-green: var(--oc-color-global-green-60);--oc-color-theme-accent-background-cyan: var(--oc-color-global-cyan-60);--oc-color-theme-accent-background-lightBlue: var(--oc-color-global-lightBlue-60);--oc-color-theme-accent-background-blue: var(--oc-color-global-blue-60);--oc-color-theme-accent-background-violet: var(--oc-color-global-violet-60);--oc-color-theme-accent-background-purple: var(--oc-color-global-purple-60);--oc-color-theme-accent-background-pink: var(--oc-color-global-pink-60);--oc-color-theme-accent-background-redOrange: var(--oc-color-global-redOrange-60);--oc-color-theme-accent-foreground-red: var(--oc-color-global-red-60);--oc-color-theme-accent-foreground-redOrange: var(--oc-color-global-redOrange-60);--oc-color-theme-accent-foreground-orange: var(--oc-color-global-orange-50);--oc-color-theme-accent-foreground-lime: var(--oc-color-global-lime-50);--oc-color-theme-accent-foreground-green: var(--oc-color-global-green-60);--oc-color-theme-accent-foreground-cyan: var(--oc-color-global-cyan-50);--oc-color-theme-accent-foreground-lightBlue: var(--oc-color-global-lightBlue-50);--oc-color-theme-accent-foreground-blue: var(--oc-color-global-blue-65);--oc-color-theme-accent-foreground-violet: var(--oc-color-global-violet-70);--oc-color-theme-accent-foreground-purple: var(--oc-color-global-purple-60);--oc-color-theme-accent-foreground-pink: var(--oc-color-global-pink-60);--oc-color-theme-status-positive: var(--oc-color-theme-accent-background-green);--oc-color-theme-status-cautionary: var(--oc-color-theme-accent-background-orange);--oc-color-theme-status-negative: var(--oc-color-theme-accent-background-red);--oc-color-theme-inverse-primary: var(--oc-color-global-redOrange-50);--oc-color-theme-inverse-background: var(--oc-color-global-common-100);--oc-color-theme-inverse-label: var(--oc-color-global-coolNeutral-10);--oc-color-theme-material-dimmer: color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-74))))}}[data-theme=dark]{color-scheme:dark;--oc-color-theme-static-white: var(--oc-color-global-common-100);--oc-color-theme-static-black: var(--oc-color-global-common-0);--oc-color-theme-static-transparent: var(--oc-color-global-common-transparent);--oc-color-theme-primary-normal: var(--oc-color-global-redOrange-60);--oc-color-theme-focus-ring: var(--oc-color-theme-primary-normal);--oc-color-theme-label-strong: var(--oc-color-global-common-100);--oc-color-theme-label-normal: var(--oc-color-global-coolNeutral-99);--oc-color-theme-label-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-90), transparent calc(100% - (100% * var(--oc-color-global-opacity-88))));--oc-color-theme-label-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-80), transparent calc(100% - (100% * var(--oc-color-global-opacity-61))));--oc-color-theme-label-assistive: color-mix(in srgb, var(--oc-color-global-coolNeutral-80), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-label-disable: color-mix(in srgb, var(--oc-color-global-coolNeutral-70), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-background-normal-normal: var(--oc-color-global-coolNeutral-15);--oc-color-theme-background-normal-alternative: var(--oc-color-global-coolNeutral-5);--oc-color-theme-background-elevated-normal: var(--oc-color-global-coolNeutral-17);--oc-color-theme-background-elevated-alternative: var(--oc-color-global-coolNeutral-7);--oc-color-theme-interaction-inactive: var(--oc-color-global-coolNeutral-40);--oc-color-theme-interaction-disable: var(--oc-color-global-coolNeutral-22);--oc-color-theme-line-normal-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-90), transparent calc(100% - (100% * var(--oc-color-global-opacity-52))));--oc-color-theme-line-normal-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * 0.32)));--oc-color-theme-line-normal-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-line-normal-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-22))));--oc-color-theme-line-solid-strong: var(--oc-color-global-coolNeutral-50);--oc-color-theme-line-solid-normal: var(--oc-color-global-coolNeutral-25);--oc-color-theme-line-solid-neutral: var(--oc-color-global-coolNeutral-23);--oc-color-theme-line-solid-alternative: var(--oc-color-global-coolNeutral-22);--oc-color-theme-fill-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-22))));--oc-color-theme-fill-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-fill-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-12))));--oc-color-theme-accent-background-red: var(--oc-color-global-red-60);--oc-color-theme-accent-background-orange: var(--oc-color-global-orange-60);--oc-color-theme-accent-background-lime: var(--oc-color-global-lime-60);--oc-color-theme-accent-background-green: var(--oc-color-global-green-60);--oc-color-theme-accent-background-cyan: var(--oc-color-global-cyan-60);--oc-color-theme-accent-background-lightBlue: var(--oc-color-global-lightBlue-60);--oc-color-theme-accent-background-blue: var(--oc-color-global-blue-60);--oc-color-theme-accent-background-violet: var(--oc-color-global-violet-60);--oc-color-theme-accent-background-purple: var(--oc-color-global-purple-60);--oc-color-theme-accent-background-pink: var(--oc-color-global-pink-60);--oc-color-theme-accent-background-redOrange: var(--oc-color-global-redOrange-60);--oc-color-theme-accent-foreground-red: var(--oc-color-global-red-60);--oc-color-theme-accent-foreground-redOrange: var(--oc-color-global-redOrange-60);--oc-color-theme-accent-foreground-orange: var(--oc-color-global-orange-50);--oc-color-theme-accent-foreground-lime: var(--oc-color-global-lime-50);--oc-color-theme-accent-foreground-green: var(--oc-color-global-green-60);--oc-color-theme-accent-foreground-cyan: var(--oc-color-global-cyan-50);--oc-color-theme-accent-foreground-lightBlue: var(--oc-color-global-lightBlue-50);--oc-color-theme-accent-foreground-blue: var(--oc-color-global-blue-65);--oc-color-theme-accent-foreground-violet: var(--oc-color-global-violet-70);--oc-color-theme-accent-foreground-purple: var(--oc-color-global-purple-60);--oc-color-theme-accent-foreground-pink: var(--oc-color-global-pink-60);--oc-color-theme-status-positive: var(--oc-color-theme-accent-background-green);--oc-color-theme-status-cautionary: var(--oc-color-theme-accent-background-orange);--oc-color-theme-status-negative: var(--oc-color-theme-accent-background-red);--oc-color-theme-inverse-primary: var(--oc-color-global-redOrange-50);--oc-color-theme-inverse-background: var(--oc-color-global-common-100);--oc-color-theme-inverse-label: var(--oc-color-global-coolNeutral-10);--oc-color-theme-material-dimmer: color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-74))))}
package/dist/foundations/color.theme.light.css CHANGED
@@ -1 +1 @@
1
- :root{--oc-color-theme-static-white: var(--oc-color-global-common-100);--oc-color-theme-static-black: var(--oc-color-global-common-0);--oc-color-theme-static-transparent: var(--oc-color-global-common-transparent);--oc-color-theme-primary-normal: var(--oc-color-global-redOrange-50);--oc-color-theme-focus-ring: var(--oc-color-theme-primary-normal);--oc-color-theme-label-strong: var(--oc-color-global-common-0);--oc-color-theme-label-normal: var(--oc-color-global-coolNeutral-10);--oc-color-theme-label-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-22), transparent calc(100% - (100% * var(--oc-color-global-opacity-88))));--oc-color-theme-label-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-25), transparent calc(100% - (100% * var(--oc-color-global-opacity-61))));--oc-color-theme-label-assistive: color-mix(in srgb, var(--oc-color-global-coolNeutral-25), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-label-disable: color-mix(in srgb, var(--oc-color-global-coolNeutral-25), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-background-normal-normal: var(--oc-color-global-common-100);--oc-color-theme-background-normal-alternative: var(--oc-color-global-coolNeutral-99);--oc-color-theme-background-elevated-normal: var(--oc-color-global-common-100);--oc-color-theme-background-elevated-alternative: var(--oc-color-global-coolNeutral-99);--oc-color-theme-interaction-inactive: var(--oc-color-global-coolNeutral-70);--oc-color-theme-interaction-disable: var(--oc-color-global-coolNeutral-98);--oc-color-theme-line-normal-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-52))));--oc-color-theme-line-normal-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-22))));--oc-color-theme-line-normal-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-line-normal-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-color-theme-line-solid-strong: var(--oc-color-global-coolNeutral-80);--oc-color-theme-line-solid-normal: var(--oc-color-global-coolNeutral-96);--oc-color-theme-line-solid-neutral: var(--oc-color-global-coolNeutral-97);--oc-color-theme-line-solid-alternative: var(--oc-color-global-coolNeutral-98);--oc-color-theme-fill-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-color-theme-fill-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-fill-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-5))));--oc-color-theme-accent-background-red: var(--oc-color-global-red-50);--oc-color-theme-accent-background-orange: var(--oc-color-global-orange-50);--oc-color-theme-accent-background-lime: var(--oc-color-global-lime-50);--oc-color-theme-accent-background-green: var(--oc-color-global-green-50);--oc-color-theme-accent-background-cyan: var(--oc-color-global-cyan-50);--oc-color-theme-accent-background-lightBlue: var(--oc-color-global-lightBlue-50);--oc-color-theme-accent-background-blue: var(--oc-color-global-blue-50);--oc-color-theme-accent-background-violet: var(--oc-color-global-violet-50);--oc-color-theme-accent-background-purple: var(--oc-color-global-purple-50);--oc-color-theme-accent-background-pink: var(--oc-color-global-pink-50);--oc-color-theme-accent-background-redOrange: var(--oc-color-global-redOrange-50);--oc-color-theme-accent-foreground-red: var(--oc-color-global-red-40);--oc-color-theme-accent-foreground-redOrange: var(--oc-color-global-redOrange-48);--oc-color-theme-accent-foreground-orange: var(--oc-color-global-orange-39);--oc-color-theme-accent-foreground-lime: var(--oc-color-global-lime-37);--oc-color-theme-accent-foreground-green: var(--oc-color-global-green-40);--oc-color-theme-accent-foreground-cyan: var(--oc-color-global-cyan-40);--oc-color-theme-accent-foreground-lightBlue: var(--oc-color-global-lightBlue-40);--oc-color-theme-accent-foreground-blue: var(--oc-color-global-blue-45);--oc-color-theme-accent-foreground-violet: var(--oc-color-global-violet-45);--oc-color-theme-accent-foreground-purple: var(--oc-color-global-purple-40);--oc-color-theme-accent-foreground-pink: var(--oc-color-global-pink-46);--oc-color-theme-status-positive: var(--oc-color-theme-accent-background-green);--oc-color-theme-status-cautionary: var(--oc-color-theme-accent-background-orange);--oc-color-theme-status-negative: var(--oc-color-theme-accent-background-red);--oc-color-theme-inverse-primary: var(--oc-color-global-redOrange-60);--oc-color-theme-inverse-background: var(--oc-color-global-coolNeutral-15);--oc-color-theme-inverse-label: var(--oc-color-global-coolNeutral-99);--oc-color-theme-material-dimmer: color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-52))))}[data-theme=light]{--oc-color-theme-static-white: var(--oc-color-global-common-100);--oc-color-theme-static-black: var(--oc-color-global-common-0);--oc-color-theme-static-transparent: var(--oc-color-global-common-transparent);--oc-color-theme-primary-normal: var(--oc-color-global-redOrange-50);--oc-color-theme-focus-ring: var(--oc-color-theme-primary-normal);--oc-color-theme-label-strong: var(--oc-color-global-common-0);--oc-color-theme-label-normal: var(--oc-color-global-coolNeutral-10);--oc-color-theme-label-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-22), transparent calc(100% - (100% * var(--oc-color-global-opacity-88))));--oc-color-theme-label-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-25), transparent calc(100% - (100% * var(--oc-color-global-opacity-61))));--oc-color-theme-label-assistive: color-mix(in srgb, var(--oc-color-global-coolNeutral-25), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-label-disable: color-mix(in srgb, var(--oc-color-global-coolNeutral-25), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-background-normal-normal: var(--oc-color-global-common-100);--oc-color-theme-background-normal-alternative: var(--oc-color-global-coolNeutral-99);--oc-color-theme-background-elevated-normal: var(--oc-color-global-common-100);--oc-color-theme-background-elevated-alternative: var(--oc-color-global-coolNeutral-99);--oc-color-theme-interaction-inactive: var(--oc-color-global-coolNeutral-70);--oc-color-theme-interaction-disable: var(--oc-color-global-coolNeutral-98);--oc-color-theme-line-normal-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-52))));--oc-color-theme-line-normal-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-22))));--oc-color-theme-line-normal-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-line-normal-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-color-theme-line-solid-strong: var(--oc-color-global-coolNeutral-80);--oc-color-theme-line-solid-normal: var(--oc-color-global-coolNeutral-96);--oc-color-theme-line-solid-neutral: var(--oc-color-global-coolNeutral-97);--oc-color-theme-line-solid-alternative: var(--oc-color-global-coolNeutral-98);--oc-color-theme-fill-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-color-theme-fill-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-fill-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-5))));--oc-color-theme-accent-background-red: var(--oc-color-global-red-50);--oc-color-theme-accent-background-orange: var(--oc-color-global-orange-50);--oc-color-theme-accent-background-lime: var(--oc-color-global-lime-50);--oc-color-theme-accent-background-green: var(--oc-color-global-green-50);--oc-color-theme-accent-background-cyan: var(--oc-color-global-cyan-50);--oc-color-theme-accent-background-lightBlue: var(--oc-color-global-lightBlue-50);--oc-color-theme-accent-background-blue: var(--oc-color-global-blue-50);--oc-color-theme-accent-background-violet: var(--oc-color-global-violet-50);--oc-color-theme-accent-background-purple: var(--oc-color-global-purple-50);--oc-color-theme-accent-background-pink: var(--oc-color-global-pink-50);--oc-color-theme-accent-background-redOrange: var(--oc-color-global-redOrange-50);--oc-color-theme-accent-foreground-red: var(--oc-color-global-red-40);--oc-color-theme-accent-foreground-redOrange: var(--oc-color-global-redOrange-48);--oc-color-theme-accent-foreground-orange: var(--oc-color-global-orange-39);--oc-color-theme-accent-foreground-lime: var(--oc-color-global-lime-37);--oc-color-theme-accent-foreground-green: var(--oc-color-global-green-40);--oc-color-theme-accent-foreground-cyan: var(--oc-color-global-cyan-40);--oc-color-theme-accent-foreground-lightBlue: var(--oc-color-global-lightBlue-40);--oc-color-theme-accent-foreground-blue: var(--oc-color-global-blue-45);--oc-color-theme-accent-foreground-violet: var(--oc-color-global-violet-45);--oc-color-theme-accent-foreground-purple: var(--oc-color-global-purple-40);--oc-color-theme-accent-foreground-pink: var(--oc-color-global-pink-46);--oc-color-theme-status-positive: var(--oc-color-theme-accent-background-green);--oc-color-theme-status-cautionary: var(--oc-color-theme-accent-background-orange);--oc-color-theme-status-negative: var(--oc-color-theme-accent-background-red);--oc-color-theme-inverse-primary: var(--oc-color-global-redOrange-60);--oc-color-theme-inverse-background: var(--oc-color-global-coolNeutral-15);--oc-color-theme-inverse-label: var(--oc-color-global-coolNeutral-99);--oc-color-theme-material-dimmer: color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-52))))}
1
+ :root{color-scheme:light;--oc-color-theme-static-white: var(--oc-color-global-common-100);--oc-color-theme-static-black: var(--oc-color-global-common-0);--oc-color-theme-static-transparent: var(--oc-color-global-common-transparent);--oc-color-theme-primary-normal: var(--oc-color-global-redOrange-50);--oc-color-theme-focus-ring: var(--oc-color-theme-primary-normal);--oc-color-theme-label-strong: var(--oc-color-global-common-0);--oc-color-theme-label-normal: var(--oc-color-global-coolNeutral-10);--oc-color-theme-label-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-22), transparent calc(100% - (100% * var(--oc-color-global-opacity-88))));--oc-color-theme-label-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-25), transparent calc(100% - (100% * var(--oc-color-global-opacity-61))));--oc-color-theme-label-assistive: color-mix(in srgb, var(--oc-color-global-coolNeutral-25), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-label-disable: color-mix(in srgb, var(--oc-color-global-coolNeutral-25), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-background-normal-normal: var(--oc-color-global-common-100);--oc-color-theme-background-normal-alternative: var(--oc-color-global-coolNeutral-99);--oc-color-theme-background-elevated-normal: var(--oc-color-global-common-100);--oc-color-theme-background-elevated-alternative: var(--oc-color-global-coolNeutral-99);--oc-color-theme-interaction-inactive: var(--oc-color-global-coolNeutral-70);--oc-color-theme-interaction-disable: var(--oc-color-global-coolNeutral-98);--oc-color-theme-line-normal-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-52))));--oc-color-theme-line-normal-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-22))));--oc-color-theme-line-normal-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-line-normal-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-color-theme-line-solid-strong: var(--oc-color-global-coolNeutral-80);--oc-color-theme-line-solid-normal: var(--oc-color-global-coolNeutral-96);--oc-color-theme-line-solid-neutral: var(--oc-color-global-coolNeutral-97);--oc-color-theme-line-solid-alternative: var(--oc-color-global-coolNeutral-98);--oc-color-theme-fill-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-color-theme-fill-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-fill-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-5))));--oc-color-theme-accent-background-red: var(--oc-color-global-red-50);--oc-color-theme-accent-background-orange: var(--oc-color-global-orange-50);--oc-color-theme-accent-background-lime: var(--oc-color-global-lime-50);--oc-color-theme-accent-background-green: var(--oc-color-global-green-50);--oc-color-theme-accent-background-cyan: var(--oc-color-global-cyan-50);--oc-color-theme-accent-background-lightBlue: var(--oc-color-global-lightBlue-50);--oc-color-theme-accent-background-blue: var(--oc-color-global-blue-50);--oc-color-theme-accent-background-violet: var(--oc-color-global-violet-50);--oc-color-theme-accent-background-purple: var(--oc-color-global-purple-50);--oc-color-theme-accent-background-pink: var(--oc-color-global-pink-50);--oc-color-theme-accent-background-redOrange: var(--oc-color-global-redOrange-50);--oc-color-theme-accent-foreground-red: var(--oc-color-global-red-40);--oc-color-theme-accent-foreground-redOrange: var(--oc-color-global-redOrange-48);--oc-color-theme-accent-foreground-orange: var(--oc-color-global-orange-39);--oc-color-theme-accent-foreground-lime: var(--oc-color-global-lime-37);--oc-color-theme-accent-foreground-green: var(--oc-color-global-green-40);--oc-color-theme-accent-foreground-cyan: var(--oc-color-global-cyan-40);--oc-color-theme-accent-foreground-lightBlue: var(--oc-color-global-lightBlue-40);--oc-color-theme-accent-foreground-blue: var(--oc-color-global-blue-45);--oc-color-theme-accent-foreground-violet: var(--oc-color-global-violet-45);--oc-color-theme-accent-foreground-purple: var(--oc-color-global-purple-40);--oc-color-theme-accent-foreground-pink: var(--oc-color-global-pink-46);--oc-color-theme-status-positive: var(--oc-color-theme-accent-background-green);--oc-color-theme-status-cautionary: var(--oc-color-theme-accent-background-orange);--oc-color-theme-status-negative: var(--oc-color-theme-accent-background-red);--oc-color-theme-inverse-primary: var(--oc-color-global-redOrange-60);--oc-color-theme-inverse-background: var(--oc-color-global-coolNeutral-15);--oc-color-theme-inverse-label: var(--oc-color-global-coolNeutral-99);--oc-color-theme-material-dimmer: color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-52))))}[data-theme=light]{color-scheme:light;--oc-color-theme-static-white: var(--oc-color-global-common-100);--oc-color-theme-static-black: var(--oc-color-global-common-0);--oc-color-theme-static-transparent: var(--oc-color-global-common-transparent);--oc-color-theme-primary-normal: var(--oc-color-global-redOrange-50);--oc-color-theme-focus-ring: var(--oc-color-theme-primary-normal);--oc-color-theme-label-strong: var(--oc-color-global-common-0);--oc-color-theme-label-normal: var(--oc-color-global-coolNeutral-10);--oc-color-theme-label-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-22), transparent calc(100% - (100% * var(--oc-color-global-opacity-88))));--oc-color-theme-label-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-25), transparent calc(100% - (100% * var(--oc-color-global-opacity-61))));--oc-color-theme-label-assistive: color-mix(in srgb, var(--oc-color-global-coolNeutral-25), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-label-disable: color-mix(in srgb, var(--oc-color-global-coolNeutral-25), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-background-normal-normal: var(--oc-color-global-common-100);--oc-color-theme-background-normal-alternative: var(--oc-color-global-coolNeutral-99);--oc-color-theme-background-elevated-normal: var(--oc-color-global-common-100);--oc-color-theme-background-elevated-alternative: var(--oc-color-global-coolNeutral-99);--oc-color-theme-interaction-inactive: var(--oc-color-global-coolNeutral-70);--oc-color-theme-interaction-disable: var(--oc-color-global-coolNeutral-98);--oc-color-theme-line-normal-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-52))));--oc-color-theme-line-normal-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-22))));--oc-color-theme-line-normal-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-line-normal-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-color-theme-line-solid-strong: var(--oc-color-global-coolNeutral-80);--oc-color-theme-line-solid-normal: var(--oc-color-global-coolNeutral-96);--oc-color-theme-line-solid-neutral: var(--oc-color-global-coolNeutral-97);--oc-color-theme-line-solid-alternative: var(--oc-color-global-coolNeutral-98);--oc-color-theme-fill-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-color-theme-fill-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-fill-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-5))));--oc-color-theme-accent-background-red: var(--oc-color-global-red-50);--oc-color-theme-accent-background-orange: var(--oc-color-global-orange-50);--oc-color-theme-accent-background-lime: var(--oc-color-global-lime-50);--oc-color-theme-accent-background-green: var(--oc-color-global-green-50);--oc-color-theme-accent-background-cyan: var(--oc-color-global-cyan-50);--oc-color-theme-accent-background-lightBlue: var(--oc-color-global-lightBlue-50);--oc-color-theme-accent-background-blue: var(--oc-color-global-blue-50);--oc-color-theme-accent-background-violet: var(--oc-color-global-violet-50);--oc-color-theme-accent-background-purple: var(--oc-color-global-purple-50);--oc-color-theme-accent-background-pink: var(--oc-color-global-pink-50);--oc-color-theme-accent-background-redOrange: var(--oc-color-global-redOrange-50);--oc-color-theme-accent-foreground-red: var(--oc-color-global-red-40);--oc-color-theme-accent-foreground-redOrange: var(--oc-color-global-redOrange-48);--oc-color-theme-accent-foreground-orange: var(--oc-color-global-orange-39);--oc-color-theme-accent-foreground-lime: var(--oc-color-global-lime-37);--oc-color-theme-accent-foreground-green: var(--oc-color-global-green-40);--oc-color-theme-accent-foreground-cyan: var(--oc-color-global-cyan-40);--oc-color-theme-accent-foreground-lightBlue: var(--oc-color-global-lightBlue-40);--oc-color-theme-accent-foreground-blue: var(--oc-color-global-blue-45);--oc-color-theme-accent-foreground-violet: var(--oc-color-global-violet-45);--oc-color-theme-accent-foreground-purple: var(--oc-color-global-purple-40);--oc-color-theme-accent-foreground-pink: var(--oc-color-global-pink-46);--oc-color-theme-status-positive: var(--oc-color-theme-accent-background-green);--oc-color-theme-status-cautionary: var(--oc-color-theme-accent-background-orange);--oc-color-theme-status-negative: var(--oc-color-theme-accent-background-red);--oc-color-theme-inverse-primary: var(--oc-color-global-redOrange-60);--oc-color-theme-inverse-background: var(--oc-color-global-coolNeutral-15);--oc-color-theme-inverse-label: var(--oc-color-global-coolNeutral-99);--oc-color-theme-material-dimmer: color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-52))))}