@orioncactuscorp/ui 1.12.2 → 1.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +37 -0
- package/README.md +24 -12
- package/dist/components/Badge/Badge.css +1 -1
- package/dist/components/Badge/Badge.module.scss.js +12 -12
- package/dist/styles.css +1 -1
- package/dist/ui/src/components/Badge/types.d.ts +1 -1
- package/dist/ui/src/components/Badge/types.d.ts.map +1 -1
- package/docs/api-conventions.md +2 -5
- package/docs/selector-contract.md +9 -0
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,42 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 1.13.0
|
|
4
|
+
|
|
5
|
+
### Changes
|
|
6
|
+
|
|
7
|
+
<!-- generated:start -->
|
|
8
|
+
|
|
9
|
+
_Commit range: `@orioncactuscorp/ui@1.12.2..HEAD`_
|
|
10
|
+
|
|
11
|
+
#### Other
|
|
12
|
+
|
|
13
|
+
- `c35682c` npm 패키지 리소스 링크 자동화 (#230)
|
|
14
|
+
- `a120226` Badge size 명명 표준화 (#231)
|
|
15
|
+
<!-- generated:end -->
|
|
16
|
+
|
|
17
|
+
### Minor Changes
|
|
18
|
+
|
|
19
|
+
- a120226: Badge의 작은 named size를 표준 size scale에 맞춰 `tiny`에서 `xsmall`로 정규화하고 TypeScript prop, 런타임 class, `data-oc-size` selector 계약을 일치시킵니다.
|
|
20
|
+
|
|
21
|
+
Migration Notes
|
|
22
|
+
- `<Badge size='tiny'>`를 `<Badge size='xsmall'>`로 변경
|
|
23
|
+
- `[data-oc-component='badge'][data-oc-size='tiny']` selector를 `[data-oc-component='badge'][data-oc-size='xsmall']`로 변경
|
|
24
|
+
|
|
25
|
+
### Patch Changes
|
|
26
|
+
|
|
27
|
+
- c35682c: npm package README에서 공개 Storybook, 버전 고정 Changelog, UI Documentation, 의견 전달 경로를 바로 확인할 수 있도록 추가하고, 릴리즈 버전 변경 시 UI와 Icons의 jsDelivr 리소스 URL을 각 package manifest 버전에 맞춰 자동 갱신·검증합니다. publish 직전에는 README가 가리키는 리소스가 실제 tarball에 포함되는지 확인하고, Storybook 빌드에서는 README deep-link의 story ID를 검증합니다.
|
|
28
|
+
|
|
29
|
+
Migration Notes
|
|
30
|
+
- 없음
|
|
31
|
+
|
|
32
|
+
- Updated dependencies [c35682c]
|
|
33
|
+
- @orioncactuscorp/icons@1.13.0
|
|
34
|
+
|
|
35
|
+
### Migration Notes
|
|
36
|
+
|
|
37
|
+
- `<Badge size='tiny'>`를 `<Badge size='xsmall'>`로 변경
|
|
38
|
+
- `[data-oc-component='badge'][data-oc-size='tiny']` selector를 `[data-oc-component='badge'][data-oc-size='xsmall']`로 변경
|
|
39
|
+
|
|
3
40
|
## 1.12.2
|
|
4
41
|
|
|
5
42
|
### Changes
|
package/README.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
orioncactus 디자인 시스템의 React 19+ UI package입니다.
|
|
4
4
|
|
|
5
|
+
## Resources
|
|
6
|
+
|
|
7
|
+
- [Storybook][storybook] — 최신 컴포넌트와 사용 예시
|
|
8
|
+
- [Changelog][changelog] — 이 패키지 버전까지의 전체 변경 내역
|
|
9
|
+
- [Documentation](#documentation) — 이 패키지 버전에 고정된 상세 가이드
|
|
10
|
+
|
|
5
11
|
## 요구사항
|
|
6
12
|
|
|
7
13
|
- React 19+, React DOM 19+
|
|
@@ -66,7 +72,7 @@ export default function Example() {
|
|
|
66
72
|
|
|
67
73
|
## Documentation
|
|
68
74
|
|
|
69
|
-
이 패키지는 상세 가이드를 `docs/`로 함께 배포합니다. 설치 후 `node_modules/@orioncactuscorp/ui/docs/`에서 설치 버전과 일치하는 문서를 바로 읽을 수 있고, 웹에서는 `https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.
|
|
75
|
+
이 패키지는 상세 가이드를 `docs/`로 함께 배포합니다. 설치 후 `node_modules/@orioncactuscorp/ui/docs/`에서 설치 버전과 일치하는 문서를 바로 읽을 수 있고, 웹에서는 `https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.13.0/docs/<파일명>`으로 볼 수 있습니다.
|
|
70
76
|
|
|
71
77
|
| 문서 | 내용 |
|
|
72
78
|
| -------------------------------------------------------------- | ------------------------------------------------------------------------ |
|
|
@@ -539,16 +545,22 @@ package는 VS Code CSS variable autocomplete 확장(`phoenisx.cssvar`)이 읽을
|
|
|
539
545
|
|
|
540
546
|
MIT
|
|
541
547
|
|
|
548
|
+
## 의견 나누기
|
|
549
|
+
|
|
550
|
+
GitHub 리포지터리 공개를 준비하고 있습니다. 그동안 의견이나 해결이 필요한 경우 [design@orioncactus.com](mailto:design@orioncactus.com)으로 편히 알려주세요.
|
|
551
|
+
|
|
542
552
|
<!-- 버전은 `bun run agent:sync-version`이 릴리스마다 stamp합니다. 직접 수정하지 마세요. -->
|
|
543
553
|
|
|
544
|
-
[
|
|
545
|
-
[
|
|
546
|
-
[
|
|
547
|
-
[
|
|
548
|
-
[
|
|
549
|
-
[
|
|
550
|
-
[
|
|
551
|
-
[
|
|
552
|
-
[
|
|
553
|
-
[
|
|
554
|
-
[
|
|
554
|
+
[storybook]: https://oc-ui-storybook.pages.dev
|
|
555
|
+
[changelog]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.13.0/CHANGELOG.md
|
|
556
|
+
[api-conventions]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.13.0/docs/api-conventions.md
|
|
557
|
+
[selector-contract]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.13.0/docs/selector-contract.md
|
|
558
|
+
[colors]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.13.0/docs/colors.md
|
|
559
|
+
[typography]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.13.0/docs/typography.md
|
|
560
|
+
[scss-helpers]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.13.0/docs/scss-helpers.md
|
|
561
|
+
[motion]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.13.0/docs/motion.md
|
|
562
|
+
[spring]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.13.0/docs/spring.md
|
|
563
|
+
[responsive-foundation-profile]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.13.0/docs/responsive-foundation-profile.md
|
|
564
|
+
[tokens]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.13.0/docs/tokens.md
|
|
565
|
+
[stability]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.13.0/docs/stability.md
|
|
566
|
+
[editor-setup]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.13.0/docs/editor-setup.md
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.oc-Badge-module__badge__ZbEBU{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);display:inline-flex;position:relative;isolation:isolate;align-items:center;justify-content:center;gap:var(--oc-space-item-gap-atom);appearance:none;margin:0;border:none;background:transparent;padding:0;color:var(--oc-badge-color);text-align:center;text-decoration:none;white-space:nowrap;transition:color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Badge-module__badge__ZbEBU{transition-property:color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-Badge-module__badge__ZbEBU:before{position:absolute;inset-block-start:calc(-1 * var(--oc-badge-padding-y));inset-inline-start:calc(-1 * var(--oc-badge-padding-x));z-index:1;box-sizing:content-box;border-radius:var(--oc-badge-radius);background-color:var(--oc-badge-background-color);padding:var(--oc-badge-padding-y) var(--oc-badge-padding-x);inline-size:100%;block-size:100%;content:"";opacity:var(--oc-badge-background-opacity);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-Badge-module__badge__ZbEBU: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-Badge-module__badge__ZbEBU:where(.oc-Badge-module__padding__kNk-D){overflow:hidden;border-radius:var(--oc-badge-radius);padding:var(--oc-badge-padding-y) var(--oc-badge-padding-x);--oc-interaction-inset-x: 0;--oc-interaction-inset-y: 0}.oc-Badge-module__badge__ZbEBU:where(.oc-Badge-module__padding__kNk-D):before{inset:0;padding:0}.oc-Badge-module__badge__ZbEBU:focus-visible:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus);transform:scale(1)}@media(hover:hover){.oc-Badge-module__badge__ZbEBU[data-oc-interactive=true]:hover:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-hover);transform:scale(1)}}.oc-Badge-module__badge__ZbEBU[data-oc-interactive=true]:active:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}.oc-Badge-module__badge__ZbEBU[data-oc-interactive=true]{-webkit-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.oc-Badge-module__badge__ZbEBU[data-oc-interactive=true] [data-oc-part=content]{pointer-events:none}.oc-Badge-module__badge__ZbEBU:disabled,.oc-Badge-module__badge__ZbEBU[aria-disabled=true]{--oc-badge-color: var(--oc-color-theme-label-disable);--oc-badge-background-color: var(--oc-color-theme-interaction-disable);cursor:not-allowed}.oc-Badge-module__badge__ZbEBU [data-oc-part=content]{position:relative;z-index:3}.oc-Badge-module__badge__ZbEBU>[data-oc-component=interaction]{z-index:2;border-radius:var(--oc-badge-radius)}.oc-Badge-module__badge__ZbEBU{--oc-badge-padding-x: .4em;--oc-badge-padding-y: .25em;--oc-badge-radius: max(0px, .4em * var(--oc-atomic-radius-factor));--oc-badge-color: var(--oc-color-theme-label-alternative);--oc-badge-background-color: transparent;--oc-badge-background-opacity: var(--oc-color-global-opacity-100);--oc-interaction-color: currentcolor;--oc-interaction-inset-x: calc(-1 * var(--oc-badge-padding-x));--oc-interaction-inset-y: calc(-1 * var(--oc-badge-padding-y));--oc-interaction-radius: var(--oc-badge-radius)}.oc-Badge-module__normal__tNcew{--oc-badge-color: var(--oc-color-theme-label-alternative);--oc-badge-background-color: var(--oc-color-theme-fill-normal)}.oc-Badge-module__accent__nIDKx{--oc-badge-color: var(--oc-badge-accent-color, var(--oc-color-theme-primary-normal));--oc-badge-background-color: var(--oc-badge-accent-color, var(--oc-color-theme-primary-normal));--oc-badge-background-opacity: var(--oc-color-global-opacity-8)}.oc-Badge-module__overlay__4KVqG{-webkit-backdrop-filter:blur(var(--oc-atomic-blur-normal));backdrop-filter:blur(var(--oc-atomic-blur-normal));--oc-badge-color: var(--oc-color-theme-label-normal);--oc-badge-background-color: var(--oc-color-theme-background-normal-normal);--oc-badge-background-opacity: var(--oc-color-global-opacity-74)}.oc-Badge-
|
|
1
|
+
.oc-Badge-module__badge__ZbEBU{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);display:inline-flex;position:relative;isolation:isolate;align-items:center;justify-content:center;gap:var(--oc-space-item-gap-atom);appearance:none;margin:0;border:none;background:transparent;padding:0;color:var(--oc-badge-color);text-align:center;text-decoration:none;white-space:nowrap;transition:color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Badge-module__badge__ZbEBU{transition-property:color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-Badge-module__badge__ZbEBU:before{position:absolute;inset-block-start:calc(-1 * var(--oc-badge-padding-y));inset-inline-start:calc(-1 * var(--oc-badge-padding-x));z-index:1;box-sizing:content-box;border-radius:var(--oc-badge-radius);background-color:var(--oc-badge-background-color);padding:var(--oc-badge-padding-y) var(--oc-badge-padding-x);inline-size:100%;block-size:100%;content:"";opacity:var(--oc-badge-background-opacity);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-Badge-module__badge__ZbEBU: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-Badge-module__badge__ZbEBU:where(.oc-Badge-module__padding__kNk-D){overflow:hidden;border-radius:var(--oc-badge-radius);padding:var(--oc-badge-padding-y) var(--oc-badge-padding-x);--oc-interaction-inset-x: 0;--oc-interaction-inset-y: 0}.oc-Badge-module__badge__ZbEBU:where(.oc-Badge-module__padding__kNk-D):before{inset:0;padding:0}.oc-Badge-module__badge__ZbEBU:focus-visible:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus);transform:scale(1)}@media(hover:hover){.oc-Badge-module__badge__ZbEBU[data-oc-interactive=true]:hover:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-hover);transform:scale(1)}}.oc-Badge-module__badge__ZbEBU[data-oc-interactive=true]:active:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}.oc-Badge-module__badge__ZbEBU[data-oc-interactive=true]{-webkit-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.oc-Badge-module__badge__ZbEBU[data-oc-interactive=true] [data-oc-part=content]{pointer-events:none}.oc-Badge-module__badge__ZbEBU:disabled,.oc-Badge-module__badge__ZbEBU[aria-disabled=true]{--oc-badge-color: var(--oc-color-theme-label-disable);--oc-badge-background-color: var(--oc-color-theme-interaction-disable);cursor:not-allowed}.oc-Badge-module__badge__ZbEBU [data-oc-part=content]{position:relative;z-index:3}.oc-Badge-module__badge__ZbEBU>[data-oc-component=interaction]{z-index:2;border-radius:var(--oc-badge-radius)}.oc-Badge-module__badge__ZbEBU{--oc-badge-padding-x: .4em;--oc-badge-padding-y: .25em;--oc-badge-radius: max(0px, .4em * var(--oc-atomic-radius-factor));--oc-badge-color: var(--oc-color-theme-label-alternative);--oc-badge-background-color: transparent;--oc-badge-background-opacity: var(--oc-color-global-opacity-100);--oc-interaction-color: currentcolor;--oc-interaction-inset-x: calc(-1 * var(--oc-badge-padding-x));--oc-interaction-inset-y: calc(-1 * var(--oc-badge-padding-y));--oc-interaction-radius: var(--oc-badge-radius)}.oc-Badge-module__normal__tNcew{--oc-badge-color: var(--oc-color-theme-label-alternative);--oc-badge-background-color: var(--oc-color-theme-fill-normal)}.oc-Badge-module__accent__nIDKx{--oc-badge-color: var(--oc-badge-accent-color, var(--oc-color-theme-primary-normal));--oc-badge-background-color: var(--oc-badge-accent-color, var(--oc-color-theme-primary-normal));--oc-badge-background-opacity: var(--oc-color-global-opacity-8)}.oc-Badge-module__overlay__4KVqG{-webkit-backdrop-filter:blur(var(--oc-atomic-blur-normal));backdrop-filter:blur(var(--oc-atomic-blur-normal));--oc-badge-color: var(--oc-color-theme-label-normal);--oc-badge-background-color: var(--oc-color-theme-background-normal-normal);--oc-badge-background-opacity: var(--oc-color-global-opacity-74)}.oc-Badge-module__xsmall__twvBK{font-size:calc(var(--oc-typo-size-caption1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-caption1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-caption1);font-weight:var(--oc-typo-weight-caption1-bold);--oc-badge-padding-x: .375em;--oc-badge-padding-y: .1em;--oc-badge-radius: max(0px, .3125em * var(--oc-atomic-radius-factor))}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import './Badge.css';const
|
|
2
|
-
badge:
|
|
3
|
-
padding:
|
|
4
|
-
normal:
|
|
5
|
-
accent:
|
|
1
|
+
import './Badge.css';const a = "oc-Badge-module__badge__ZbEBU", o = "oc-Badge-module__padding__kNk-D", e = "oc-Badge-module__normal__tNcew", _ = "oc-Badge-module__accent__nIDKx", d = "oc-Badge-module__overlay__4KVqG", c = "oc-Badge-module__xsmall__twvBK", l = {
|
|
2
|
+
badge: a,
|
|
3
|
+
padding: o,
|
|
4
|
+
normal: e,
|
|
5
|
+
accent: _,
|
|
6
6
|
overlay: d,
|
|
7
|
-
|
|
7
|
+
xsmall: c
|
|
8
8
|
};
|
|
9
9
|
export {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
10
|
+
_ as accent,
|
|
11
|
+
a as badge,
|
|
12
|
+
l as default,
|
|
13
|
+
e as normal,
|
|
14
14
|
d as overlay,
|
|
15
|
-
|
|
16
|
-
c as
|
|
15
|
+
o as padding,
|
|
16
|
+
c as xsmall
|
|
17
17
|
};
|
package/dist/styles.css
CHANGED
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
.oc-Alert-module__content__9Fty2{--oc-alert-width: 23em;--oc-modal-width: min(calc(100vw - var(--oc-space-section-padding-viewport-x) * 2), var(--oc-alert-width));--oc-modal-max-height: calc(100dvh - (var(--oc-space-section-padding-viewport-y) * 2));--oc-modal-radius: max(0px, .75em * var(--oc-atomic-radius-factor));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-normal)}[data-oc-component=modal-backdrop]:has(+[data-oc-component=modal-viewport] [data-oc-alert=true]){--oc-modal-backdrop-opacity: var(--oc-color-global-opacity-88)}.oc-Alert-module__panel__oJM9V{display:flex;flex-direction:column;max-block-size:var(--oc-modal-max-height);overflow:auto;padding:1.125em}.oc-Alert-module__container__uQbiG{display:flex;flex-direction:column;gap:1em;padding-inline:.25em}.oc-Alert-module__message__Wd9FZ{display:flex;flex-direction:column;gap:.375em;word-break:keep-all;overflow-wrap:break-word}.oc-Alert-module__heading__xJ-uS{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);margin:0;color:var(--oc-color-theme-label-strong);text-align:start;padding-block:.0625em}.oc-Alert-module__description__ysmJi{margin:0;color:var(--oc-color-theme-label-alternative);text-align:start;white-space:pre-wrap}.oc-Alert-module__actionArea__AD5Vn{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1.25em}.oc-Alert-module__action__a5XCP{min-inline-size:0}.oc-Alert-module__action__a5XCP[data-oc-alert-action-variant=negative]{--oc-text-button-color: var(--oc-color-theme-status-negative)}
|
|
16
16
|
.oc-Background-module__background__5VBzJ{position:relative;z-index:0;isolation:isolate;overflow:hidden;border-radius:var(--oc-background-radius);background-color:transparent;color:var(--oc-color-theme-label-normal);-webkit-backdrop-filter:var(--oc-background-backdrop-filter);backdrop-filter:var(--oc-background-backdrop-filter)}.oc-Background-module__background__5VBzJ:before,.oc-Background-module__background__5VBzJ:after{position:absolute;inset:0;border-radius:inherit;content:"";pointer-events:none}.oc-Background-module__background__5VBzJ:before{z-index:-2;background-color:var(--oc-background-back-color);opacity:var(--oc-background-back-opacity)}.oc-Background-module__background__5VBzJ:after{z-index:-1;background-color:var(--oc-background-front-color);opacity:var(--oc-background-front-opacity)}.oc-Background-module__background__5VBzJ{--oc-background-radius: 0;--oc-background-front-color: var(--oc-color-theme-fill-normal);--oc-background-back-color: var(--oc-color-theme-background-normal-normal);--oc-background-front-opacity: var(--oc-color-global-opacity-100);--oc-background-back-opacity: var(--oc-color-global-opacity-74);--oc-background-blur: var(--oc-atomic-blur-normal);--oc-background-backdrop-filter: blur(var(--oc-background-blur));--oc-background-icon-button-webkit-blend-opacity-add: .04}.oc-Background-module__light__QchgU{--oc-background-back-opacity: var(--oc-color-global-opacity-61)}.oc-Background-module__normal__47C3-{--oc-background-back-opacity: var(--oc-color-global-opacity-74)}.oc-Background-module__strong__MKLg0{--oc-background-back-opacity: var(--oc-color-global-opacity-88)}.oc-Background-module__backdropNormal__dngAN{--oc-background-blur: var(--oc-atomic-blur-normal)}.oc-Background-module__backdropCompact__wzXJ4{--oc-background-blur: var(--oc-atomic-blur-compact)}.oc-Background-module__saturationNormal__pQzgD{--oc-background-backdrop-filter: blur(var(--oc-background-blur))}.oc-Background-module__saturationVibrant__pZO4W{--oc-background-backdrop-filter: blur(var(--oc-background-blur)) saturate(150%) brightness(150%)}
|
|
17
17
|
.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}
|
|
18
|
-
.oc-Badge-module__badge__ZbEBU{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);display:inline-flex;position:relative;isolation:isolate;align-items:center;justify-content:center;gap:var(--oc-space-item-gap-atom);appearance:none;margin:0;border:none;background:transparent;padding:0;color:var(--oc-badge-color);text-align:center;text-decoration:none;white-space:nowrap;transition:color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Badge-module__badge__ZbEBU{transition-property:color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-Badge-module__badge__ZbEBU:before{position:absolute;inset-block-start:calc(-1 * var(--oc-badge-padding-y));inset-inline-start:calc(-1 * var(--oc-badge-padding-x));z-index:1;box-sizing:content-box;border-radius:var(--oc-badge-radius);background-color:var(--oc-badge-background-color);padding:var(--oc-badge-padding-y) var(--oc-badge-padding-x);inline-size:100%;block-size:100%;content:"";opacity:var(--oc-badge-background-opacity);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-Badge-module__badge__ZbEBU: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-Badge-module__badge__ZbEBU:where(.oc-Badge-module__padding__kNk-D){overflow:hidden;border-radius:var(--oc-badge-radius);padding:var(--oc-badge-padding-y) var(--oc-badge-padding-x);--oc-interaction-inset-x: 0;--oc-interaction-inset-y: 0}.oc-Badge-module__badge__ZbEBU:where(.oc-Badge-module__padding__kNk-D):before{inset:0;padding:0}.oc-Badge-module__badge__ZbEBU:focus-visible:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus);transform:scale(1)}@media(hover:hover){.oc-Badge-module__badge__ZbEBU[data-oc-interactive=true]:hover:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-hover);transform:scale(1)}}.oc-Badge-module__badge__ZbEBU[data-oc-interactive=true]:active:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}.oc-Badge-module__badge__ZbEBU[data-oc-interactive=true]{-webkit-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.oc-Badge-module__badge__ZbEBU[data-oc-interactive=true] [data-oc-part=content]{pointer-events:none}.oc-Badge-module__badge__ZbEBU:disabled,.oc-Badge-module__badge__ZbEBU[aria-disabled=true]{--oc-badge-color: var(--oc-color-theme-label-disable);--oc-badge-background-color: var(--oc-color-theme-interaction-disable);cursor:not-allowed}.oc-Badge-module__badge__ZbEBU [data-oc-part=content]{position:relative;z-index:3}.oc-Badge-module__badge__ZbEBU>[data-oc-component=interaction]{z-index:2;border-radius:var(--oc-badge-radius)}.oc-Badge-module__badge__ZbEBU{--oc-badge-padding-x: .4em;--oc-badge-padding-y: .25em;--oc-badge-radius: max(0px, .4em * var(--oc-atomic-radius-factor));--oc-badge-color: var(--oc-color-theme-label-alternative);--oc-badge-background-color: transparent;--oc-badge-background-opacity: var(--oc-color-global-opacity-100);--oc-interaction-color: currentcolor;--oc-interaction-inset-x: calc(-1 * var(--oc-badge-padding-x));--oc-interaction-inset-y: calc(-1 * var(--oc-badge-padding-y));--oc-interaction-radius: var(--oc-badge-radius)}.oc-Badge-module__normal__tNcew{--oc-badge-color: var(--oc-color-theme-label-alternative);--oc-badge-background-color: var(--oc-color-theme-fill-normal)}.oc-Badge-module__accent__nIDKx{--oc-badge-color: var(--oc-badge-accent-color, var(--oc-color-theme-primary-normal));--oc-badge-background-color: var(--oc-badge-accent-color, var(--oc-color-theme-primary-normal));--oc-badge-background-opacity: var(--oc-color-global-opacity-8)}.oc-Badge-module__overlay__4KVqG{-webkit-backdrop-filter:blur(var(--oc-atomic-blur-normal));backdrop-filter:blur(var(--oc-atomic-blur-normal));--oc-badge-color: var(--oc-color-theme-label-normal);--oc-badge-background-color: var(--oc-color-theme-background-normal-normal);--oc-badge-background-opacity: var(--oc-color-global-opacity-74)}.oc-Badge-
|
|
18
|
+
.oc-Badge-module__badge__ZbEBU{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);display:inline-flex;position:relative;isolation:isolate;align-items:center;justify-content:center;gap:var(--oc-space-item-gap-atom);appearance:none;margin:0;border:none;background:transparent;padding:0;color:var(--oc-badge-color);text-align:center;text-decoration:none;white-space:nowrap;transition:color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Badge-module__badge__ZbEBU{transition-property:color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-Badge-module__badge__ZbEBU:before{position:absolute;inset-block-start:calc(-1 * var(--oc-badge-padding-y));inset-inline-start:calc(-1 * var(--oc-badge-padding-x));z-index:1;box-sizing:content-box;border-radius:var(--oc-badge-radius);background-color:var(--oc-badge-background-color);padding:var(--oc-badge-padding-y) var(--oc-badge-padding-x);inline-size:100%;block-size:100%;content:"";opacity:var(--oc-badge-background-opacity);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-Badge-module__badge__ZbEBU: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-Badge-module__badge__ZbEBU:where(.oc-Badge-module__padding__kNk-D){overflow:hidden;border-radius:var(--oc-badge-radius);padding:var(--oc-badge-padding-y) var(--oc-badge-padding-x);--oc-interaction-inset-x: 0;--oc-interaction-inset-y: 0}.oc-Badge-module__badge__ZbEBU:where(.oc-Badge-module__padding__kNk-D):before{inset:0;padding:0}.oc-Badge-module__badge__ZbEBU:focus-visible:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus);transform:scale(1)}@media(hover:hover){.oc-Badge-module__badge__ZbEBU[data-oc-interactive=true]:hover:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-hover);transform:scale(1)}}.oc-Badge-module__badge__ZbEBU[data-oc-interactive=true]:active:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}.oc-Badge-module__badge__ZbEBU[data-oc-interactive=true]{-webkit-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.oc-Badge-module__badge__ZbEBU[data-oc-interactive=true] [data-oc-part=content]{pointer-events:none}.oc-Badge-module__badge__ZbEBU:disabled,.oc-Badge-module__badge__ZbEBU[aria-disabled=true]{--oc-badge-color: var(--oc-color-theme-label-disable);--oc-badge-background-color: var(--oc-color-theme-interaction-disable);cursor:not-allowed}.oc-Badge-module__badge__ZbEBU [data-oc-part=content]{position:relative;z-index:3}.oc-Badge-module__badge__ZbEBU>[data-oc-component=interaction]{z-index:2;border-radius:var(--oc-badge-radius)}.oc-Badge-module__badge__ZbEBU{--oc-badge-padding-x: .4em;--oc-badge-padding-y: .25em;--oc-badge-radius: max(0px, .4em * var(--oc-atomic-radius-factor));--oc-badge-color: var(--oc-color-theme-label-alternative);--oc-badge-background-color: transparent;--oc-badge-background-opacity: var(--oc-color-global-opacity-100);--oc-interaction-color: currentcolor;--oc-interaction-inset-x: calc(-1 * var(--oc-badge-padding-x));--oc-interaction-inset-y: calc(-1 * var(--oc-badge-padding-y));--oc-interaction-radius: var(--oc-badge-radius)}.oc-Badge-module__normal__tNcew{--oc-badge-color: var(--oc-color-theme-label-alternative);--oc-badge-background-color: var(--oc-color-theme-fill-normal)}.oc-Badge-module__accent__nIDKx{--oc-badge-color: var(--oc-badge-accent-color, var(--oc-color-theme-primary-normal));--oc-badge-background-color: var(--oc-badge-accent-color, var(--oc-color-theme-primary-normal));--oc-badge-background-opacity: var(--oc-color-global-opacity-8)}.oc-Badge-module__overlay__4KVqG{-webkit-backdrop-filter:blur(var(--oc-atomic-blur-normal));backdrop-filter:blur(var(--oc-atomic-blur-normal));--oc-badge-color: var(--oc-color-theme-label-normal);--oc-badge-background-color: var(--oc-color-theme-background-normal-normal);--oc-badge-background-opacity: var(--oc-color-global-opacity-74)}.oc-Badge-module__xsmall__twvBK{font-size:calc(var(--oc-typo-size-caption1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-caption1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-caption1);font-weight:var(--oc-typo-weight-caption1-bold);--oc-badge-padding-x: .375em;--oc-badge-padding-y: .1em;--oc-badge-radius: max(0px, .3125em * var(--oc-atomic-radius-factor))}
|
|
19
19
|
.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}}
|
|
20
20
|
.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}
|
|
21
21
|
.oc-CheckMark-module__checkMark__-KKHM{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body2);display:inline-flex;position:relative;align-items:flex-start;gap:.5em;opacity:1;color:var(--oc-color-theme-label-normal);transition:opacity calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1.5) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-CheckMark-module__checkMark__-KKHM{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1.5);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-CheckMark-module__checkMark__-KKHM{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.oc-CheckMark-module__checkMark__-KKHM:has([data-oc-part=input]:disabled){opacity:var(--oc-color-global-opacity-43);cursor:not-allowed}.oc-CheckMark-module__small__AEUP9{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body2);--oc-check-mark-control-size: var(--oc-typo-height-body2);--oc-check-mark-content-height: var(--oc-typo-height-body2)}.oc-CheckMark-module__medium__wTlO-{font-size:calc(var(--oc-typo-size-body1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body1);--oc-check-mark-control-size: var(--oc-typo-height-body1);--oc-check-mark-content-height: var(--oc-typo-height-body1)}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=input]{position:absolute;opacity:0;pointer-events:none;inline-size:0;block-size:0}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=container]{display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;flex-shrink:0;padding:.0625em;inline-size:var(--oc-check-mark-control-size);block-size:var(--oc-check-mark-control-size);--oc-interaction-inset-x: -.25em;--oc-interaction-inset-y: -.25em;--oc-interaction-z-index: 2;--oc-interaction-radius: var(--oc-atomic-radius-max)}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=icon]{display:flex;position:relative;align-items:center;justify-content:center;inline-size:100%;block-size:100%;color:var(--oc-color-theme-label-assistive);transition:color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=icon]{transition-property:color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=icon]>svg{inline-size:100%;block-size:100%}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=content]{display:flex;flex:1;align-items:flex-start;min-inline-size:0;padding-block:calc((var(--oc-check-mark-control-size) - var(--oc-check-mark-content-height)) / 2)}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=label]{-webkit-user-select:none;user-select:none}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=input]:checked+[data-oc-part=container] [data-oc-part=icon]{color:var(--oc-color-theme-primary-normal)}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=input]:focus-visible+[data-oc-part=container] [data-oc-part=icon]{outline:var(--oc-focus-ring-width) solid var(--oc-color-theme-focus-ring);outline-offset:var(--oc-focus-ring-offset);border-radius:var(--oc-atomic-radius-max)}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
export type BadgeVariant = 'normal' | 'accent' | 'overlay';
|
|
3
|
-
export type BadgeSize = 'small' | '
|
|
3
|
+
export type BadgeSize = 'small' | 'xsmall';
|
|
4
4
|
export type BadgeSharedProps = {
|
|
5
5
|
children?: React.ReactNode;
|
|
6
6
|
className?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Badge/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC3D,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Badge/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC3D,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE3C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,gBAAgB,GAC3C,IAAI,CACF,KAAK,CAAC,qBAAqB,CAAC,MAAM,CAAC,EACnC,MAAM,gBAAgB,GAAG,MAAM,GAAG,aAAa,CAChD,GAAG;IACF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CAAC;AAEJ,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,GAC7C,IAAI,CACF,KAAK,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EACrC,MAAM,gBAAgB,GAAG,MAAM,GAAG,aAAa,CAChD,GAAG;IACF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,IAAI,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtC,CAAC;AAEJ,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,GAC7C,IAAI,CACF,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,EAChC,MAAM,gBAAgB,GAAG,MAAM,GAAG,aAAa,CAChD,GAAG;IACF,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,IAAI,CAAC;CACpB,CAAC;AAEJ,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG,gBAAgB,GAAG,gBAAgB,CAAC"}
|
package/docs/api-conventions.md
CHANGED
|
@@ -83,8 +83,5 @@ named preset이 아니라 외부 문맥이나 직접 지정한 치수로 크기
|
|
|
83
83
|
직접·custom·상속 크기가 필요한 경우에는 해당 예외의 목적을 컴포넌트 API에
|
|
84
84
|
문서화합니다.
|
|
85
85
|
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
`Badge`의 `size='tiny'`는 표준 named size 밖에 있는 현행 호환성 예외입니다.
|
|
89
|
-
현재 public API는 유지하며, 다음 major 릴리스에서 `xsmall`로 정규화할
|
|
90
|
-
예정입니다. 변경 시 migration note로 안내합니다.
|
|
86
|
+
`Badge`의 작은 preset도 `size='xsmall'`을 사용하므로 모든 named size가 이
|
|
87
|
+
표준 순서를 따릅니다.
|
|
@@ -54,6 +54,15 @@
|
|
|
54
54
|
|
|
55
55
|
variant(`light`/`normal`/`strong`)는 `--oc-interaction-opacity-*` 토큰 값만 바꿉니다.
|
|
56
56
|
|
|
57
|
+
## Badge 계약
|
|
58
|
+
|
|
59
|
+
| Component | Root selector | Visual selectors | Stable parts |
|
|
60
|
+
| --------- | --------------------------- | --------------------------------------------------------------------------------------------------------- | ------------ |
|
|
61
|
+
| `Badge` | `data-oc-component="badge"` | `data-oc-variant="normal\|accent\|overlay"`, `data-oc-size="xsmall\|small"`, `data-oc-interactive="true"` | `content` |
|
|
62
|
+
|
|
63
|
+
`Badge`의 작은 named size는 `data-oc-size="xsmall"`을 사용합니다. 이전
|
|
64
|
+
`data-oc-size="tiny"` 값은 major 변경으로 제거됐습니다.
|
|
65
|
+
|
|
57
66
|
## Field 레이아웃 계약
|
|
58
67
|
|
|
59
68
|
`Field`는 label/control/message compound 구조를 유지한 채 vertical/horizontal orientation을 노출합니다.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@orioncactuscorp/ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.13.0",
|
|
4
4
|
"description": "orioncactus UI foundations and core primitives",
|
|
5
5
|
"private": false,
|
|
6
6
|
"type": "module",
|
|
@@ -126,7 +126,7 @@
|
|
|
126
126
|
"vitest": "^3.2.4"
|
|
127
127
|
},
|
|
128
128
|
"dependencies": {
|
|
129
|
-
"@orioncactuscorp/icons": "^1.
|
|
129
|
+
"@orioncactuscorp/icons": "^1.13.0",
|
|
130
130
|
"@base-ui-components/react": "^1.0.0-rc.0"
|
|
131
131
|
}
|
|
132
132
|
}
|