skillgrid 0.0.89 → 0.0.91-dev-68351-trigger-fixes.1793976
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/components/FileUpload/FileUpload.module-CL_LDrLs.css +1 -0
- package/dist/assets/components/Modal/Modal.module-x_YFLlra.css +1 -0
- package/dist/assets/components/Trigger/Trigger.module-Dc9gMp3_.css +1 -0
- package/dist/assets/icons/development/code-browser-outlined.svg.js +1 -1
- package/dist/assets/icons/development/code-close-outlined.svg.js +1 -1
- package/dist/assets/icons/development/code-outlined.svg.js +1 -1
- package/dist/assets/icons/development/cube-outlined.svg.js +1 -1
- package/dist/assets/icons/development/dataflow-outlined.svg.js +1 -1
- package/dist/assets/icons/development/terminal-square-outlined.svg.js +2 -2
- package/dist/assets/icons/general/award-outlined.svg.js +1 -1
- package/dist/assets/icons/general/compass-outlined.svg.js +1 -1
- package/dist/assets/icons/general/ellipsis-horizontal-outlined.svg.js +1 -1
- package/dist/assets/icons/general/ellipsis-vertical-outlined.svg.js +2 -2
- package/dist/assets/icons/general/eye-crossed-outlined.svg.js +2 -2
- package/dist/assets/icons/general/medal-outlined.svg.js +1 -1
- package/dist/assets/icons/general/megaphone-outlined.svg.js +1 -1
- package/dist/assets/icons/general/rating-outlined.svg.js +1 -1
- package/dist/assets/icons/general/send-ios-outlined.svg.js +1 -1
- package/dist/assets/icons/general/shop-outlined.svg.js +1 -1
- package/dist/assets/icons/general/teacher-outlined.svg.js +1 -1
- package/dist/assets/styles/{button.module-DjunAbRS.css → button.module-BG9KYkTN.css} +1 -1
- package/dist/components/Avatar/AvatarGroup/AvatarGroupRoot.js +5 -5
- package/dist/components/ConfigProvider/ConfigProvider.js +1 -1
- package/dist/components/FileUpload/FileUpload.js +1 -1
- package/dist/components/FileUpload/FileUpload.module.css.js +62 -62
- package/dist/components/InputBase/Input.js +6 -6
- package/dist/components/Modal/Modal.module.css.js +18 -18
- package/dist/components/Modal/Modal.type.d.ts +1 -1
- package/dist/components/Popover/lib/use-popover.js +1 -1
- package/dist/components/Tabs/ScrollWrapper.js +1 -1
- package/dist/components/Tabs/Tabs.js +1 -1
- package/dist/components/Trigger/Trigger.d.ts +1 -1
- package/dist/components/Trigger/Trigger.js +77 -73
- package/dist/components/Trigger/Trigger.module.css.js +23 -23
- package/dist/components/Trigger/Trigger.type.d.ts +6 -2
- package/dist/index.cjs.js +25 -3
- package/dist/index.css +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.es.js +91 -89
- package/dist/styles/brand.module.css.js +24 -2
- package/dist/styles/brand.module.css2.js +4 -0
- package/dist/styles/button.module.css.js +1 -1
- package/dist/utils/generate-brand-primary-palette.d.ts +36 -0
- package/dist/utils/generate-brand-primary-palette.js +101 -0
- package/package.json +3 -2
- package/dist/assets/components/FileUpload/FileUpload.module-CldF1EqE.css +0 -1
- package/dist/assets/components/Modal/Modal.module-BXeSeTs2.css +0 -1
- package/dist/assets/components/Trigger/Trigger.module-BWzHgDVC.css +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._root_rsb4t_1{--file-upload-vertical-frame-height: 198px;--file-upload-dropzone-active-background: var(--base-blue-98);display:flex;flex-direction:column;align-items:stretch;width:100%}[data-skillgridDarkTheme=true] ._root_rsb4t_1{--file-upload-dropzone-active-background: var(--bg-blue-secondary)}._rootVertical_rsb4t_15{gap:12px}._rootHorizontal_rsb4t_19{gap:8px}._rootButton_rsb4t_23{gap:16px;align-items:flex-start}._dropzoneWrapper_rsb4t_28{width:100%}._uploader_rsb4t_32{display:block;width:100%}._buttonTrigger_rsb4t_37{display:inline-flex;max-width:100%}._attachButton_rsb4t_42{max-width:100%}._dropzone_rsb4t_28{--file-upload-dropzone-border-color: var(--stroke-neutral);position:relative;display:flex;box-sizing:border-box;width:100%;background:var(--bg-primary);border:2px dashed var(--file-upload-dropzone-border-color);border-radius:16px;transition:background-color .2s ease,box-shadow .2s ease}._dropzoneVertical_rsb4t_65{flex-direction:column;gap:16px;align-items:center;justify-content:center;min-height:var(--file-upload-vertical-frame-height);padding:24px}._dropzoneHorizontal_rsb4t_75{flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;min-height:72px;padding:16px}._dropzoneMeasuredBorder_rsb4t_85{border-color:transparent}._dropzoneBorder_rsb4t_89{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:var(--file-upload-dropzone-border-color);transition:color .2s ease}._dropzone_rsb4t_28>:not(._dropzoneBorder_rsb4t_89){position:relative}._dropzoneInteractive_rsb4t_107{cursor:pointer}._dropzoneInteractive_rsb4t_107:hover{--file-upload-dropzone-border-color: var(--stroke-blue);background:var(--file-upload-dropzone-active-background)}._dropzoneInteractive_rsb4t_107:focus-within{box-shadow:0 0 0 4px var(--stroke-accent-disabled)}._dropzoneDragActive_rsb4t_121{--file-upload-dropzone-border-color: var(--stroke-blue);background:var(--file-upload-dropzone-active-background)}._dropzoneDisabled_rsb4t_127{--file-upload-dropzone-border-color: var(--stroke-neutral-disabled);cursor:not-allowed;background:var(--bg-disabled)}._dropzoneDisabled_rsb4t_127 ._dropzoneIcon_rsb4t_134,._dropzoneDisabled_rsb4t_127 ._dropzoneIconTile_rsb4t_135{color:var(--icon-disabled)}._dropzoneDisabled_rsb4t_127 ._dropzoneIconTile_rsb4t_135{background:var(--bg-disabled);border-color:var(--stroke-neutral-disabled)}._dropzoneDisabled_rsb4t_127 ._dropzoneTitle_rsb4t_144{color:var(--text-state-primary-disabled)}._dropzoneDisabled_rsb4t_127 ._dropzoneDescription_rsb4t_148{color:var(--text-state-secondary-disabled)}._dropzoneIcon_rsb4t_134{color:var(--icon-secondary)}._dropzoneIconTile_rsb4t_135{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:40px;height:40px;color:var(--icon-secondary);background:var(--bg-secondary);border:1px solid var(--stroke-neutral);border-radius:16px}._dropzoneContent_rsb4t_172{display:flex;flex-direction:column;gap:6px;align-items:center;width:100%;max-width:372px}._dropzoneContentHorizontal_rsb4t_182{flex:1;align-items:flex-start;min-width:0;max-width:none}._dropzoneTitle_rsb4t_144{width:100%;text-align:center}._dropzoneTitleHorizontal_rsb4t_194{text-align:left}._dropzoneDescription_rsb4t_148{width:100%;color:var(--text-secondary);text-align:center}._dropzoneDescriptionHorizontal_rsb4t_204{text-align:left}._triggerButton_rsb4t_208{flex-shrink:0}._previewCard_rsb4t_212{isolation:isolate;position:relative;overflow:hidden;width:100%;height:var(--file-upload-vertical-frame-height);background:var(--bg-secondary);border:1px solid var(--stroke-neutral);border-radius:16px;box-shadow:inset 0 0 0 1px #ffffff29}._previewCard_rsb4t_212:focus-within{box-shadow:0 0 0 4px var(--stroke-accent-disabled),inset 0 0 0 1px #ffffff29}._previewCardError_rsb4t_233{border-color:var(--stroke-negative)}._previewCardError_rsb4t_233:focus-within{box-shadow:0 0 0 4px var(--stroke-negative-disabled),inset 0 0 0 1px #ffffff29}._previewCardDisabled_rsb4t_243{background:var(--bg-disabled);border-color:var(--stroke-neutral-disabled)}._previewMediaImage_rsb4t_248,._previewMediaPlaceholder_rsb4t_249{width:100%;height:100%}._previewMediaImage_rsb4t_248{object-fit:cover}._previewMediaPlaceholder_rsb4t_249{display:flex;align-items:center;justify-content:center;color:var(--icon-secondary);background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}._previewCardDisabled_rsb4t_243 ._previewMediaPlaceholder_rsb4t_249{color:var(--icon-disabled);background:var(--bg-disabled)}._previewOverlay_rsb4t_273{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#11111105,#1111113d)}._previewCardUploading_rsb4t_280 ._previewOverlay_rsb4t_273,._previewCardError_rsb4t_233 ._previewOverlay_rsb4t_273{background:linear-gradient(180deg,#11111129,#1111116b)}._previewCardDisabled_rsb4t_243 ._previewOverlay_rsb4t_273{background:linear-gradient(180deg,#ffffff52,#fff6)}._previewStatus_rsb4t_289{position:absolute;z-index:2;bottom:16px;left:16px;display:flex;gap:8px;align-items:center;max-width:calc(100% - 32px);padding:8px 12px;color:var(--text-contrast);background:#111111a3;border-radius:12px}._previewStatusError_rsb4t_308{color:var(--text-negative);background:#ffffffe0;border:1px solid var(--stroke-negative-disabled)}._previewStatusText_rsb4t_314{overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}._previewActions_rsb4t_321{position:absolute;z-index:2;right:16px;bottom:16px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end;max-width:calc(100% - 32px)}._previewReplaceButton_rsb4t_336,._previewRemoveButton_rsb4t_337,._previewActionButton_rsb4t_338{flex-shrink:0}._fileList_rsb4t_342{display:flex;flex-direction:column;gap:8px;width:100%}._fileListHorizontal_rsb4t_349{gap:8px}._fileTileList_rsb4t_353{display:flex;flex-wrap:wrap;gap:8px;width:100%}._fileTile_rsb4t_353{display:flex;gap:12px;align-items:center;box-sizing:border-box;width:240px;min-height:64px;padding:12px 16px;background:var(--bg-primary);border:1px solid var(--stroke-neutral);border-radius:16px}._fileTileDisabled_rsb4t_375{background:var(--bg-disabled);border-color:var(--stroke-neutral-disabled)}._fileTileDisabled_rsb4t_375 ._fileName_rsb4t_380{color:var(--text-state-primary-disabled)}._fileTileDisabled_rsb4t_375 ._fileMeta_rsb4t_384{color:var(--text-state-secondary-disabled)}._fileTileDisabled_rsb4t_375 ._filePreviewDocument_rsb4t_388,._fileTileDisabled_rsb4t_375 ._filePreviewImage_rsb4t_389,._fileTileDisabled_rsb4t_375 ._filePreviewPlaceholder_rsb4t_390{color:var(--icon-disabled);background:var(--bg-disabled);border-color:var(--stroke-neutral-disabled)}._fileTileBody_rsb4t_396{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}._fileItem_rsb4t_405{display:flex;align-items:stretch;box-sizing:border-box;width:100%;min-height:64px;padding-left:12px;background:var(--bg-primary);border:1px solid var(--stroke-neutral);border-radius:16px}._fileItemError_rsb4t_419{border-color:var(--stroke-negative)}._fileItemDisabled_rsb4t_423{background:var(--bg-disabled);border-color:var(--stroke-neutral-disabled)}._fileItemDisabled_rsb4t_423 ._fileName_rsb4t_380{color:var(--text-state-primary-disabled)}._fileItemDisabled_rsb4t_423 ._fileMeta_rsb4t_384,._fileItemDisabled_rsb4t_423 ._fileMetaText_rsb4t_433{color:var(--text-state-secondary-disabled)}._fileItemDisabled_rsb4t_423 ._filePreviewDocument_rsb4t_388,._fileItemDisabled_rsb4t_423 ._filePreviewImage_rsb4t_389,._fileItemDisabled_rsb4t_423 ._filePreviewPlaceholder_rsb4t_390{color:var(--icon-disabled);background:var(--bg-disabled);border-color:var(--stroke-neutral-disabled)}._fileItemDisabled_rsb4t_423 ._filePreviewMedia_rsb4t_445{opacity:.56}._fileMain_rsb4t_449{display:flex;flex:1;gap:12px;align-items:center;min-width:0;padding:12px 0}._filePreview_rsb4t_388{overflow:hidden;flex-shrink:0;width:40px;height:40px;border-radius:12px}._filePreviewDocument_rsb4t_388{display:flex;align-items:center;justify-content:center;color:var(--icon-blue);background:var(--bg-blue-secondary);border:1px solid var(--stroke-neutral)}._filePreviewImage_rsb4t_389,._filePreviewPlaceholder_rsb4t_390{display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid rgb(0 0 0 / .04)}._filePreviewPlaceholder_rsb4t_390{color:var(--icon-secondary)}._filePreviewMedia_rsb4t_445{width:40px;height:40px;object-fit:cover}._fileBody_rsb4t_500{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}._fileName_rsb4t_380{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._fileMeta_rsb4t_384{overflow:hidden;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap}._fileMetaInline_rsb4t_522{display:flex;gap:6px;align-items:center;min-width:0}._fileMetaText_rsb4t_433{overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}._fileMetaLoader_rsb4t_536{flex-shrink:0}._actions_rsb4t_540,._inlineActions_rsb4t_541{display:flex;gap:8px;align-items:center;padding:16px 12px 16px 8px}._actions_rsb4t_540{pointer-events:none;opacity:0;transition:opacity .2s ease}._actionsVisible_rsb4t_554{pointer-events:auto;opacity:1}._actionToggleOpen_rsb4t_559{background:var(--button-background-gray)}._actionMenu_rsb4t_563{display:flex;flex-direction:column;gap:2px;box-sizing:border-box;width:100%;padding:8px;background:transparent}._actionMenuButton_rsb4t_575{justify-content:flex-start;min-height:40px;text-align:left;border-radius:8px}._actionMenuBottomSheet_rsb4t_582{gap:4px;padding:0 0 calc(16px + env(safe-area-inset-bottom,0px))}._actionIcon_rsb4t_587{display:flex;flex-shrink:0;align-items:center;justify-content:center}@media (hover: none){._actions_rsb4t_540{pointer-events:auto;opacity:1}}@media (width <= 767px){._dropzoneVertical_rsb4t_65{min-height:198px;padding:20px}._dropzoneHorizontal_rsb4t_75{flex-wrap:wrap}._dropzoneContentHorizontal_rsb4t_182,._triggerButton_rsb4t_208{width:100%}._previewStatus_rsb4t_289{right:16px;max-width:calc(100% - 32px)}._previewActions_rsb4t_321{right:12px;bottom:12px;left:12px;max-width:none}._fileItem_rsb4t_405{padding-left:8px}._fileMain_rsb4t_449{gap:10px}._actions_rsb4t_540,._inlineActions_rsb4t_541{padding-right:8px;padding-left:4px}._fileTile_rsb4t_353{width:100%}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._container_9kjql_1{position:relative;display:flex;flex-direction:column;width:100%;height:100%;max-height:inherit;background-color:inherit}._container_9kjql_1 hr{display:block;height:1px;padding:0;border:0}._header_9kjql_21{position:sticky;z-index:2;top:0;right:0;left:0;display:grid;grid-template-areas:"title leftActionsStack rightActionsStack" "subtitle subtitle subtitle";grid-template-columns:auto 1fr auto;align-items:center;justify-content:start;padding:16px 24px;background-color:inherit}._header_9kjql_21._title-actions-actions_9kjql_40{grid-template-areas:"title leftActionsStack rightActionsStack" "subtitle subtitle subtitle";grid-template-columns:auto 1fr auto;justify-content:center}._header_9kjql_21._actions-title-actions_9kjql_48{grid-template-areas:"leftActionsStack title rightActionsStack" "subtitle subtitle subtitle";grid-template-columns:1fr auto 1fr;justify-content:center}._header_9kjql_21._withBorder_9kjql_56{border-bottom:1px solid var(--stroke-neutral)}._header_9kjql_21._drawerHeader_9kjql_60{padding:12px 24px}._title_9kjql_40{overflow:hidden;display:-webkit-box;grid-area:title;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}._subTitle_9kjql_76{overflow:hidden;display:-webkit-box;grid-area:subtitle;-webkit-box-orient:vertical;margin-top:8px;-webkit-line-clamp:3;line-clamp:3}._leftActionsStack_9kjql_88{display:flex;grid-area:leftActionsStack;gap:4px;align-items:center;justify-content:flex-start}._rightActionsStack_9kjql_96{position:relative;display:flex;grid-area:rightActionsStack;gap:4px;align-items:center;justify-content:flex-end;min-width:36px}._header_9kjql_21 ._rightActionsStack_9kjql_96:has(._closeButton_9kjql_111){padding-right:40px}._content_9kjql_116{position:relative;z-index:0;overflow:auto;flex:1;padding:16px 24px}._footer_9kjql_127{position:sticky;z-index:2;right:0;bottom:0;left:0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;background-color:inherit}._footer_9kjql_127._withBorder_9kjql_56{border-top:1px solid var(--stroke-neutral)}._header_9kjql_21 ._rightActionsStack_9kjql_96 ._closeButton_9kjql_111{position:absolute;top:50%!important;right:0;transform:translateY(-50%)!important;padding:10px}._header_9kjql_21 ._rightActionsStack_9kjql_96 ._closeButton_9kjql_111:hover svg{color:var(--icon-primary)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--trigger-wrapper: 8px;--trigger-border-radius: 12px;--trigger-background-color-disabled: var(--bg-disabled);--trigger-border-color-disabled: var(--base-graphite-95);--trigger-outline-with-default: 1px;--trigger-outline-with-focused: 2px;--trigger-outline-with-applied: 2px;--trigger-outline-color-focused: var(--stroke-accent);--trigger-outline-color-applied: var(--base-gray-0);--trigger-outline-color-invalid: var(--base-red-60);--trigger-ring-width: 4px;--trigger-ring-color-focused: color-mix(in srgb, var(--brand-primary-500) 40%, transparent);--trigger-ring-color-invalid: color-mix(in srgb, var(--trigger-outline-color-invalid) 40%, transparent);--trigger-border-shadow-default: 0 0 0 var(--trigger-ring-width) var(--trigger-ring-color-focused);--trigger-border-shadow-invalid: 0 0 0 var(--trigger-ring-width) var(--trigger-ring-color-invalid);--trigger-label-floating-top: 16px;--trigger-label-floating-left: 16px;--trigger-postfix-color: var(--text-secondary);--trigger-error-color: var(--base-red-60);--trigger-chevron-rotation-focused: -180deg;--trigger-padding-inline-S: 10px;--trigger-padding-inline-M: 12px;--trigger-padding-right-L: 12px;--trigger-padding-left-L: 16px;--trigger-padding-inline-XL: 16px;--trigger-label-floating-padding-right: 65px;--trigger-padding-block-S: 8px;--trigger-padding-block-M: 10px;--trigger-padding-block-L: 13px;--trigger-padding-block-XL: 17px;--trigger-content-container-floating-padding-top: 18px;--trigger-min-width-XS: 32px;--trigger-min-width-S: 52px;--trigger-min-width-M: 55px;--trigger-min-width-L: 72px;--trigger-min-width-XL: 100px;--trigger-margin-postfix: 6px;--trigger-margin-icon-large: 12px;--trigger-margin-icon-small: 8px;--semantic-animation-ease-in-out-100: all .1s ease-in-out}*,*:before,*:after{box-sizing:border-box}._trigger-wrapper_zp1ok_74{display:flex;flex-direction:column;gap:var(--trigger-wrapper)}._trigger-container_zp1ok_80{cursor:pointer;position:relative;display:flex;align-items:center;justify-content:space-between;width:fit-content;background-color:var(--bg-primary);border:none;border-radius:var(--trigger-border-radius);outline:var(--stroke-neutral) solid var(--trigger-outline-with-default)}._trigger-container_zp1ok_80:disabled{cursor:not-allowed;background-color:var(--trigger-background-color-disabled);outline-color:var(--trigger-border-color-disabled)}._trigger-container-applied_zp1ok_103{outline-color:var(--trigger-outline-color-applied);outline-width:var(--trigger-outline-with-applied)}._trigger-container-open_zp1ok_108{outline-color:var(--trigger-outline-color-focused);outline-width:var(--trigger-outline-with-focused)}._trigger-container_zp1ok_80:focus-visible{outline-color:var(--trigger-outline-color-focused);outline-width:var(--trigger-outline-with-focused);box-shadow:var(--trigger-border-shadow-default)}._trigger-container-error_zp1ok_119{outline-color:var(--trigger-outline-color-invalid);outline-width:var(--trigger-outline-with-default);transition:var(--semantic-animation-ease-in-out-100)}._trigger-container-error_zp1ok_119:focus-visible{outline-color:var(--trigger-outline-color-invalid);outline-width:var(--trigger-outline-with-default);box-shadow:var(--trigger-border-shadow-invalid)}._trigger-container-size-XS_zp1ok_131{min-width:var(--trigger-min-width-XS);padding:0;outline:none}._trigger-container-size-XS_zp1ok_131:disabled{background:transparent}._trigger-container-size-S_zp1ok_141{min-width:var(--trigger-min-width-S);padding-block:var(--trigger-padding-block-S);padding-inline:var(--trigger-padding-inline-S)}._trigger-container-size-M_zp1ok_147{min-width:var(--trigger-min-width-M);padding-block:var(--trigger-padding-block-M);padding-inline:var(--trigger-padding-inline-M)}._trigger-container-size-L_zp1ok_153{min-width:var(--trigger-min-width-L);padding-right:var(--trigger-padding-right-L);padding-left:var(--trigger-padding-left-L);padding-block:var(--trigger-padding-block-L)}._trigger-container-size-XL_zp1ok_161{min-width:var(--trigger-min-width-XL);padding-block:var(--trigger-padding-block-XL);padding-inline:var(--trigger-padding-inline-XL)}._trigger-container-floating_zp1ok_167{width:"w-fit";padding-block:var(--trigger-padding-block-S)}._trigger-stretched_zp1ok_172{width:100%}._trigger-content-container_zp1ok_176{overflow:hidden;display:flex;flex:1;align-items:center;min-width:0}._trigger-content-container-floating_zp1ok_185{align-items:end;padding-top:var(--trigger-content-container-floating-padding-top)}._trigger-label_zp1ok_190{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:var(--semantic-animation-ease-in-out-100)}._trigger-label-floating_zp1ok_197{position:absolute;top:var(--trigger-label-floating-top);left:var(--trigger-label-floating-left);transform:translateY(-50%);width:100%;max-width:calc(100% - var(--trigger-label-floating-padding-right));text-align:start}._trigger-label-hidden_zp1ok_209{display:none}._trigger-content_zp1ok_176{overflow:hidden;min-width:0;text-align:start;text-overflow:ellipsis;white-space:nowrap}._trigger-prefix-icon_zp1ok_223{display:flex;margin-right:6px}._trigger-chevron-icon_zp1ok_228{flex-shrink:0;transition:var(--semantic-animation-ease-in-out-100)}._trigger-container-size-XL_zp1ok_161 ._trigger-chevron-icon_zp1ok_228,._trigger-container-size-L_zp1ok_153 ._trigger-chevron-icon_zp1ok_228{margin-left:var(--trigger-margin-icon-large)}._trigger-container-size-M_zp1ok_147 ._trigger-chevron-icon_zp1ok_228,._trigger-container-size-S_zp1ok_141 ._trigger-chevron-icon_zp1ok_228,._trigger-container-size-XS_zp1ok_131 ._trigger-chevron-icon_zp1ok_228{margin-left:var(--trigger-margin-icon-small)}._trigger-clear-icon_zp1ok_244{flex-shrink:0;transition:var(--semantic-animation-ease-in-out-100)}._trigger-container-size-XL_zp1ok_161 ._trigger-clear-icon_zp1ok_244,._trigger-container-size-L_zp1ok_153 ._trigger-clear-icon_zp1ok_244{margin-left:var(--trigger-margin-icon-large)}._trigger-container-size-M_zp1ok_147 ._trigger-clear-icon_zp1ok_244,._trigger-container-size-S_zp1ok_141 ._trigger-clear-icon_zp1ok_244,._trigger-container-size-XS_zp1ok_131 ._trigger-clear-icon_zp1ok_244{margin-left:var(--trigger-margin-icon-small)}._trigger-postfix_zp1ok_260{flex-shrink:0;margin-left:var(--trigger-margin-postfix);color:var(--trigger-postfix-color)}._trigger-container-open_zp1ok_108 ._trigger-chevron-icon_zp1ok_228{transform:rotate(var(--trigger-chevron-rotation-focused))}._trigger-container-error_zp1ok_119._trigger-container-size-XS_zp1ok_131 ._trigger-content-container_zp1ok_176 span:not(._trigger-postfix_zp1ok_260){color:var(--trigger-error-color)}[data-skillgridDarkTheme=true]{--trigger-border-color-disabled: var(--stroke-contrast-disabled)}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as e from "react";
|
|
2
|
-
const o = (t) => /* @__PURE__ */ e.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M22 9H2M14 17.5L16.5 15L14 12.5M10 12.5L7.5 15L10 17.5M2 7.8L2 16.2C2 17.8802 2 18.7202 2.32698 19.362C2.6146 19.9265 3.07354 20.3854 3.63803 20.673C4.27976 21 5.11984 21 6.8 21H17.2C18.8802 21 19.7202 21 20.362 20.673C20.9265 20.3854 21.3854 19.9265 21.673 19.362C22 18.7202 22 17.8802 22 16.2V7.8C22 6.11984 22 5.27977 21.673 4.63803C21.3854 4.07354 20.9265 3.6146 20.362 3.32698C19.7202 3 18.8802 3 17.2 3L6.8 3C5.11984 3 4.27976 3 3.63803 3.32698C3.07354 3.6146 2.6146 4.07354 2.32698 4.63803C2 5.27976 2 6.11984 2 7.8Z", stroke: "
|
|
2
|
+
const o = (t) => /* @__PURE__ */ e.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M22 9H2M14 17.5L16.5 15L14 12.5M10 12.5L7.5 15L10 17.5M2 7.8L2 16.2C2 17.8802 2 18.7202 2.32698 19.362C2.6146 19.9265 3.07354 20.3854 3.63803 20.673C4.27976 21 5.11984 21 6.8 21H17.2C18.8802 21 19.7202 21 20.362 20.673C20.9265 20.3854 21.3854 19.9265 21.673 19.362C22 18.7202 22 17.8802 22 16.2V7.8C22 6.11984 22 5.27977 21.673 4.63803C21.3854 4.07354 20.9265 3.6146 20.362 3.32698C19.7202 3 18.8802 3 17.2 3L6.8 3C5.11984 3 4.27976 3 3.63803 3.32698C3.07354 3.6146 2.6146 4.07354 2.32698 4.63803C2 5.27976 2 6.11984 2 7.8Z", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }));
|
|
3
3
|
export {
|
|
4
4
|
o as default
|
|
5
5
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as e from "react";
|
|
2
|
-
const o = (t) => /* @__PURE__ */ e.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M17 17L22 12L17 7M7 7L2 12L7 17M14 3L10 21", stroke: "
|
|
2
|
+
const o = (t) => /* @__PURE__ */ e.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M17 17L22 12L17 7M7 7L2 12L7 17M14 3L10 21", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }));
|
|
3
3
|
export {
|
|
4
4
|
o as default
|
|
5
5
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as e from "react";
|
|
2
|
-
const o = (t) => /* @__PURE__ */ e.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M16 18L22 12L16 6M8 6L2 12L8 18", stroke: "
|
|
2
|
+
const o = (t) => /* @__PURE__ */ e.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M16 18L22 12L16 6M8 6L2 12L8 18", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }));
|
|
3
3
|
export {
|
|
4
4
|
o as default
|
|
5
5
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as e from "react";
|
|
2
|
-
const C = (t) => /* @__PURE__ */ e.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M20.5 7.27783L12 12.0001M12 12.0001L3.49997 7.27783M12 12.0001L12 21.5001M21 16.0586V7.94153C21 7.59889 21 7.42757 20.9495 7.27477C20.9049 7.13959 20.8318 7.01551 20.7354 6.91082C20.6263 6.79248 20.4766 6.70928 20.177 6.54288L12.777 2.43177C12.4934 2.27421 12.3516 2.19543 12.2015 2.16454C12.0685 2.13721 11.9315 2.13721 11.7986 2.16454C11.6484 2.19543 11.5066 2.27421 11.223 2.43177L3.82297 6.54288C3.52345 6.70928 3.37369 6.79248 3.26463 6.91082C3.16816 7.01551 3.09515 7.13959 3.05048 7.27477C3 7.42757 3 7.59889 3 7.94153V16.0586C3 16.4013 3 16.5726 3.05048 16.7254C3.09515 16.8606 3.16816 16.9847 3.26463 17.0893C3.37369 17.2077 3.52345 17.2909 3.82297 17.4573L11.223 21.5684C11.5066 21.726 11.6484 21.8047 11.7986 21.8356C11.9315 21.863 12.0685 21.863 12.2015 21.8356C12.3516 21.8047 12.4934 21.726 12.777 21.5684L20.177 17.4573C20.4766 17.2909 20.6263 17.2077 20.7354 17.0893C20.8318 16.9847 20.9049 16.8606 20.9495 16.7254C21 16.5726 21 16.4013 21 16.0586Z", stroke: "
|
|
2
|
+
const C = (t) => /* @__PURE__ */ e.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M20.5 7.27783L12 12.0001M12 12.0001L3.49997 7.27783M12 12.0001L12 21.5001M21 16.0586V7.94153C21 7.59889 21 7.42757 20.9495 7.27477C20.9049 7.13959 20.8318 7.01551 20.7354 6.91082C20.6263 6.79248 20.4766 6.70928 20.177 6.54288L12.777 2.43177C12.4934 2.27421 12.3516 2.19543 12.2015 2.16454C12.0685 2.13721 11.9315 2.13721 11.7986 2.16454C11.6484 2.19543 11.5066 2.27421 11.223 2.43177L3.82297 6.54288C3.52345 6.70928 3.37369 6.79248 3.26463 6.91082C3.16816 7.01551 3.09515 7.13959 3.05048 7.27477C3 7.42757 3 7.59889 3 7.94153V16.0586C3 16.4013 3 16.5726 3.05048 16.7254C3.09515 16.8606 3.16816 16.9847 3.26463 17.0893C3.37369 17.2077 3.52345 17.2909 3.82297 17.4573L11.223 21.5684C11.5066 21.726 11.6484 21.8047 11.7986 21.8356C11.9315 21.863 12.0685 21.863 12.2015 21.8356C12.3516 21.8047 12.4934 21.726 12.777 21.5684L20.177 17.4573C20.4766 17.2909 20.6263 17.2077 20.7354 17.0893C20.8318 16.9847 20.9049 16.8606 20.9495 16.7254C21 16.5726 21 16.4013 21 16.0586Z", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }));
|
|
3
3
|
export {
|
|
4
4
|
C as default
|
|
5
5
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as e from "react";
|
|
2
|
-
const t = (C) => /* @__PURE__ */ e.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...C }, /* @__PURE__ */ e.createElement("path", { d: "M17 20H16.8C15.1198 20 14.2798 20 13.638 19.673C13.0735 19.3854 12.6146 18.9265 12.327 18.362C12 17.7202 12 16.8802 12 15.2V8.8C12 7.11984 12 6.27976 12.327 5.63803C12.6146 5.07354 13.0735 4.6146 13.638 4.32698C14.2798 4 15.1198 4 16.8 4H17M17 20C17 21.1046 17.8954 22 19 22C20.1046 22 21 21.1046 21 20C21 18.8954 20.1046 18 19 18C17.8954 18 17 18.8954 17 20ZM17 4C17 5.10457 17.8954 6 19 6C20.1046 6 21 5.10457 21 4C21 2.89543 20.1046 2 19 2C17.8954 2 17 2.89543 17 4ZM7 12L17 12M7 12C7 13.1046 6.10457 14 5 14C3.89543 14 3 13.1046 3 12C3 10.8954 3.89543 10 5 10C6.10457 10 7 10.8954 7 12ZM17 12C17 13.1046 17.8954 14 19 14C20.1046 14 21 13.1046 21 12C21 10.8954 20.1046 10 19 10C17.8954 10 17 10.8954 17 12Z", stroke: "
|
|
2
|
+
const t = (C) => /* @__PURE__ */ e.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...C }, /* @__PURE__ */ e.createElement("path", { d: "M17 20H16.8C15.1198 20 14.2798 20 13.638 19.673C13.0735 19.3854 12.6146 18.9265 12.327 18.362C12 17.7202 12 16.8802 12 15.2V8.8C12 7.11984 12 6.27976 12.327 5.63803C12.6146 5.07354 13.0735 4.6146 13.638 4.32698C14.2798 4 15.1198 4 16.8 4H17M17 20C17 21.1046 17.8954 22 19 22C20.1046 22 21 21.1046 21 20C21 18.8954 20.1046 18 19 18C17.8954 18 17 18.8954 17 20ZM17 4C17 5.10457 17.8954 6 19 6C20.1046 6 21 5.10457 21 4C21 2.89543 20.1046 2 19 2C17.8954 2 17 2.89543 17 4ZM7 12L17 12M7 12C7 13.1046 6.10457 14 5 14C3.89543 14 3 13.1046 3 12C3 10.8954 3.89543 10 5 10C6.10457 10 7 10.8954 7 12ZM17 12C17 13.1046 17.8954 14 19 14C20.1046 14 21 13.1046 21 12C21 10.8954 20.1046 10 19 10C17.8954 10 17 10.8954 17 12Z", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }));
|
|
3
3
|
export {
|
|
4
4
|
t as default
|
|
5
5
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as e from "react";
|
|
2
|
-
const
|
|
2
|
+
const r = (t) => /* @__PURE__ */ e.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M7 15L10 12L7 9M13 15H17M7.8 21H16.2C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2V7.8C21 6.11984 21 5.27976 20.673 4.63803C20.3854 4.07354 19.9265 3.6146 19.362 3.32698C18.7202 3 17.8802 3 16.2 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21Z", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }));
|
|
3
3
|
export {
|
|
4
|
-
|
|
4
|
+
r as default
|
|
5
5
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as e from "react";
|
|
2
|
-
const C = (t) => /* @__PURE__ */ e.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M7.13515 11.189L3.3304 4.38052C2.89291 3.59765 2.67417 3.20621 2.71103 2.88573C2.7432 2.60611 2.8917 2.353 3.1201 2.18852C3.38188 2 3.83029 2 4.72711 2H6.96193C7.29523 2 7.46187 2 7.61135 2.04813C7.74362 2.09073 7.86556 2.16042 7.96939 2.25276C8.08674 2.35712 8.17132 2.5007 8.3405 2.78788L12.0001 9L15.6597 2.78788C15.8289 2.5007 15.9135 2.35712 16.0308 2.25276C16.1347 2.16042 16.2566 2.09073 16.3889 2.04813C16.5383 2 16.705 2 17.0383 2H19.2731C20.1699 2 20.6183 2 20.8801 2.18852C21.1085 2.353 21.257 2.60611 21.2892 2.88573C21.326 3.20621 21.1073 3.59765 20.6698 4.38052L16.8651 11.189M10.5001 14L12.0001 13V18M10.7501 18H13.2501M16.5963 10.9038C19.1347 13.4422 19.1347 17.5578 16.5963 20.0962C14.0579 22.6346 9.94232 22.6346 7.40391 20.0962C4.8655 17.5578 4.8655 13.4422 7.40391 10.9038C9.94231 8.3654 14.0579 8.3654 16.5963 10.9038Z", stroke: "
|
|
2
|
+
const C = (t) => /* @__PURE__ */ e.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M7.13515 11.189L3.3304 4.38052C2.89291 3.59765 2.67417 3.20621 2.71103 2.88573C2.7432 2.60611 2.8917 2.353 3.1201 2.18852C3.38188 2 3.83029 2 4.72711 2H6.96193C7.29523 2 7.46187 2 7.61135 2.04813C7.74362 2.09073 7.86556 2.16042 7.96939 2.25276C8.08674 2.35712 8.17132 2.5007 8.3405 2.78788L12.0001 9L15.6597 2.78788C15.8289 2.5007 15.9135 2.35712 16.0308 2.25276C16.1347 2.16042 16.2566 2.09073 16.3889 2.04813C16.5383 2 16.705 2 17.0383 2H19.2731C20.1699 2 20.6183 2 20.8801 2.18852C21.1085 2.353 21.257 2.60611 21.2892 2.88573C21.326 3.20621 21.1073 3.59765 20.6698 4.38052L16.8651 11.189M10.5001 14L12.0001 13V18M10.7501 18H13.2501M16.5963 10.9038C19.1347 13.4422 19.1347 17.5578 16.5963 20.0962C14.0579 22.6346 9.94232 22.6346 7.40391 20.0962C4.8655 17.5578 4.8655 13.4422 7.40391 10.9038C9.94231 8.3654 14.0579 8.3654 16.5963 10.9038Z", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }));
|
|
3
3
|
export {
|
|
4
4
|
C as default
|
|
5
5
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as e from "react";
|
|
2
|
-
const o = (t) => /* @__PURE__ */ e.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z", stroke: "
|
|
2
|
+
const o = (t) => /* @__PURE__ */ e.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M14.7221 8.26596C15.2107 8.10312 15.4549 8.02169 15.6174 8.07962C15.7587 8.13003 15.87 8.24127 15.9204 8.38263C15.9783 8.54507 15.8969 8.78935 15.734 9.27789L14.2465 13.7405C14.2001 13.8797 14.1769 13.9492 14.1374 14.007C14.1024 14.0582 14.0582 14.1024 14.007 14.1374C13.9492 14.1769 13.8797 14.2001 13.7405 14.2465L9.27789 15.734C8.78935 15.8969 8.54507 15.9783 8.38263 15.9204C8.24127 15.87 8.13003 15.7587 8.07962 15.6174C8.02169 15.4549 8.10312 15.2107 8.26596 14.7221L9.75351 10.2595C9.79989 10.1203 9.82308 10.0508 9.8626 9.99299C9.8976 9.94182 9.94182 9.8976 9.99299 9.8626C10.0508 9.82308 10.1203 9.79989 10.2595 9.75351L14.7221 8.26596Z", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }));
|
|
3
3
|
export {
|
|
4
4
|
o as default
|
|
5
5
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as e from "react";
|
|
2
|
-
const o = (t) => /* @__PURE__ */ e.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z", stroke: "
|
|
2
|
+
const o = (t) => /* @__PURE__ */ e.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M19 13C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11C18.4477 11 18 11.4477 18 12C18 12.5523 18.4477 13 19 13Z", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M5 13C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13Z", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }));
|
|
3
3
|
export {
|
|
4
4
|
o as default
|
|
5
5
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as e from "react";
|
|
2
|
-
const
|
|
2
|
+
const r = (t) => /* @__PURE__ */ e.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13C12.5523 13 13 12.5523 13 12Z", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5C11 5.55228 11.4477 6 12 6C12.5523 6 13 5.55228 13 5Z", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M13 19C13 18.4477 12.5523 18 12 18C11.4477 18 11 18.4477 11 19C11 19.5523 11.4477 20 12 20C12.5523 20 13 19.5523 13 19Z", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }));
|
|
3
3
|
export {
|
|
4
|
-
|
|
4
|
+
r as default
|
|
5
5
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as e from "react";
|
|
2
|
-
const
|
|
2
|
+
const r = (t) => /* @__PURE__ */ e.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_22_386886)" }, /* @__PURE__ */ e.createElement("path", { d: "M17.94 17.94C16.2306 19.243 14.1491 19.9649 12 20C5 20 1 12 1 12C2.24389 9.6819 3.96914 7.65661 6.06 6.06M9.9 4.24C10.5883 4.07888 11.2931 3.99834 12 4C19 4 23 12 23 12C22.393 13.1356 21.6691 14.2047 20.84 15.19M14.12 14.12C13.8454 14.4147 13.5141 14.6512 13.1462 14.8151C12.7782 14.9791 12.3809 15.0673 11.9781 15.0744C11.5753 15.0815 11.1752 15.0074 10.8016 14.8565C10.4281 14.7056 10.0887 14.481 9.80385 14.1962C9.51897 13.9113 9.29439 13.5719 9.14351 13.1984C8.99262 12.8248 8.91853 12.4247 8.92563 12.0219C8.93274 11.6191 9.02091 11.2218 9.18488 10.8538C9.34884 10.4859 9.58525 10.1546 9.88 9.88M1 1L23 23", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_22_386886" }, /* @__PURE__ */ e.createElement("rect", { width: 24, height: 24, fill: "white" }))));
|
|
3
3
|
export {
|
|
4
|
-
|
|
4
|
+
r as default
|
|
5
5
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as C from "react";
|
|
2
|
-
const t = (e) => /* @__PURE__ */ C.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ C.createElement("path", { d: "M5 9C5 10.8 5.7 12.6 7 13.9V21C7 21.4 7.2 21.7 7.5 21.9C7.8 22.1 8.2 22.1 8.5 21.9L12 19.9L15.5 21.9C15.7 22 15.8 22 16 22C16.2 22 16.4 22 16.5 21.9C16.8 21.7 17 21.4 17 21V13.9C18.3 12.6 19 10.9 19 9C19 5.1 15.9 2 12 2C8.1 2 5 5.1 5 9ZM15 19.3L12.5 17.9C12.3 17.8 12.2 17.8 12 17.8C11.8 17.8 11.7 17.8 11.5 17.9L9 19.3V15.3H9.1C9.3 15.4 9.5 15.5 9.6 15.5H9.7C10.4 15.7 11.1 15.9 11.9 15.9C12.7 15.9 13.4 15.8 14.1 15.5H14.2C14.4 15.4 14.6 15.4 14.8 15.3H14.9V19.3H15ZM12 4C14.8 4 17 6.2 17 9C17 10.4 16.4 11.8 15.3 12.7C13.9 14 11.8 14.3 10.1 13.6C9.6 13.4 9.1 13.1 8.7 12.7C7.6 11.8 7 10.4 7 9C7 6.2 9.2 4 12 4Z", fill: "
|
|
2
|
+
const t = (e) => /* @__PURE__ */ C.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ C.createElement("path", { d: "M5 9C5 10.8 5.7 12.6 7 13.9V21C7 21.4 7.2 21.7 7.5 21.9C7.8 22.1 8.2 22.1 8.5 21.9L12 19.9L15.5 21.9C15.7 22 15.8 22 16 22C16.2 22 16.4 22 16.5 21.9C16.8 21.7 17 21.4 17 21V13.9C18.3 12.6 19 10.9 19 9C19 5.1 15.9 2 12 2C8.1 2 5 5.1 5 9ZM15 19.3L12.5 17.9C12.3 17.8 12.2 17.8 12 17.8C11.8 17.8 11.7 17.8 11.5 17.9L9 19.3V15.3H9.1C9.3 15.4 9.5 15.5 9.6 15.5H9.7C10.4 15.7 11.1 15.9 11.9 15.9C12.7 15.9 13.4 15.8 14.1 15.5H14.2C14.4 15.4 14.6 15.4 14.8 15.3H14.9V19.3H15ZM12 4C14.8 4 17 6.2 17 9C17 10.4 16.4 11.8 15.3 12.7C13.9 14 11.8 14.3 10.1 13.6C9.6 13.4 9.1 13.1 8.7 12.7C7.6 11.8 7 10.4 7 9C7 6.2 9.2 4 12 4Z", fill: "currentColor" }));
|
|
3
3
|
export {
|
|
4
4
|
t as default
|
|
5
5
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as e from "react";
|
|
2
|
-
const r = (t) => /* @__PURE__ */ e.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_5975_5847)" }, /* @__PURE__ */ e.createElement("path", { d: "M10.5 7.4494V19.0365C10.5 19.1758 10.4612 19.3123 10.388 19.4308C10.3148 19.5493 10.21 19.645 10.0854 19.7073L8.33626 20.5819C8.2358 20.6321 8.12535 20.6591 8.01306 20.661C7.90076 20.6628 7.78949 20.6394 7.68745 20.5925C7.58542 20.5455 7.49522 20.4763 7.42353 20.3898C7.35184 20.3034 7.30048 20.2019 7.27324 20.093L6 15", stroke: "
|
|
2
|
+
const r = (t) => /* @__PURE__ */ e.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_5975_5847)" }, /* @__PURE__ */ e.createElement("path", { d: "M10.5 7.4494V19.0365C10.5 19.1758 10.4612 19.3123 10.388 19.4308C10.3148 19.5493 10.21 19.645 10.0854 19.7073L8.33626 20.5819C8.2358 20.6321 8.12535 20.6591 8.01306 20.661C7.90076 20.6628 7.78949 20.6394 7.68745 20.5925C7.58542 20.5455 7.49522 20.4763 7.42353 20.3898C7.35184 20.3034 7.30048 20.2019 7.27324 20.093L6 15", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M6 15C5.00544 15 4.05161 14.6049 3.34835 13.9017C2.64509 13.1984 2.25 12.2446 2.25 11.25C2.25 10.2555 2.64509 9.30163 3.34835 8.59836C4.05161 7.8951 5.00544 7.50001 6 7.50001H9.75C9.75 7.50001 14.8548 7.50001 19.7673 3.37992C19.8765 3.28797 20.0098 3.22912 20.1513 3.21031C20.2929 3.19149 20.4369 3.21348 20.5664 3.2737C20.6958 3.33392 20.8054 3.42986 20.8823 3.55024C20.9591 3.67062 20.9999 3.81043 21 3.95323V18.5468C20.9999 18.6896 20.9591 18.8294 20.8823 18.9498C20.8054 19.0702 20.6958 19.1661 20.5664 19.2263C20.4369 19.2865 20.2929 19.3085 20.1513 19.2897C20.0098 19.2709 19.8765 19.2121 19.7673 19.1201C14.8548 15 9.75 15 9.75 15H6Z", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_5975_5847" }, /* @__PURE__ */ e.createElement("rect", { width: 24, height: 24, fill: "white" }))));
|
|
3
3
|
export {
|
|
4
4
|
r as default
|
|
5
5
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as e from "react";
|
|
2
|
-
const o = (t) => /* @__PURE__ */ e.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M3 12H15.5M3 6H21M3 18H9.5", stroke: "
|
|
2
|
+
const o = (t) => /* @__PURE__ */ e.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M3 12H15.5M3 6H21M3 18H9.5", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }));
|
|
3
3
|
export {
|
|
4
4
|
o as default
|
|
5
5
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as e from "react";
|
|
2
|
-
const o = (t) => /* @__PURE__ */ e.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M16 12L12 8M12 8L8 12M12 8V16M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z", stroke: "
|
|
2
|
+
const o = (t) => /* @__PURE__ */ e.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M16 12L12 8M12 8L8 12M12 8V16M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }));
|
|
3
3
|
export {
|
|
4
4
|
o as default
|
|
5
5
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as C from "react";
|
|
2
|
-
const t = (e) => /* @__PURE__ */ C.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ C.createElement("path", { d: "M22 7.82001C22.0048 7.75677 22.0048 7.69325 22 7.63001L20 2.63001C19.9219 2.43237 19.7828 2.26475 19.603 2.15147C19.4232 2.03819 19.212 1.98514 19 2.00001H5C4.79972 1.99982 4.604 2.05977 4.43818 2.17209C4.27237 2.28442 4.1441 2.44395 4.07 2.63001L2.07 7.63001C2.06518 7.69325 2.06518 7.75677 2.07 7.82001C2.03677 7.87568 2.01311 7.93652 2 8.00001C2.01113 8.69125 2.20123 9.36781 2.55174 9.96369C2.90226 10.5596 3.40124 11.0544 4 11.4V21C4 21.2652 4.10536 21.5196 4.29289 21.7071C4.48043 21.8947 4.73478 22 5 22H19C19.2652 22 19.5196 21.8947 19.7071 21.7071C19.8946 21.5196 20 21.2652 20 21V11.44C20.6046 11.091 21.1072 10.5898 21.4581 9.98635C21.809 9.38287 21.9958 8.69807 22 8.00001C22.0094 7.94038 22.0094 7.87965 22 7.82001ZM13 20H11V16H13V20ZM18 20H15V15C15 14.7348 14.8946 14.4804 14.7071 14.2929C14.5196 14.1054 14.2652 14 14 14H10C9.73478 14 9.48043 14.1054 9.29289 14.2929C9.10536 14.4804 9 14.7348 9 15V20H6V12C6.56947 11.9968 7.13169 11.872 7.64905 11.634C8.16642 11.3961 8.627 11.0503 9 10.62C9.37537 11.0456 9.83701 11.3865 10.3542 11.62C10.8715 11.8535 11.4325 11.9743 12 11.9743C12.5675 11.9743 13.1285 11.8535 13.6458 11.62C14.163 11.3865 14.6246 11.0456 15 10.62C15.373 11.0503 15.8336 11.3961 16.3509 11.634C16.8683 11.872 17.4305 11.9968 18 12V20ZM18 10C17.4696 10 16.9609 9.7893 16.5858 9.41423C16.2107 9.03915 16 8.53045 16 8.00001C16 7.7348 15.8946 7.48044 15.7071 7.29291C15.5196 7.10537 15.2652 7.00001 15 7.00001C14.7348 7.00001 14.4804 7.10537 14.2929 7.29291C14.1054 7.48044 14 7.7348 14 8.00001C14 8.53045 13.7893 9.03915 13.4142 9.41423C13.0391 9.7893 12.5304 10 12 10C11.4696 10 10.9609 9.7893 10.5858 9.41423C10.2107 9.03915 10 8.53045 10 8.00001C10 7.7348 9.89464 7.48044 9.70711 7.29291C9.51957 7.10537 9.26522 7.00001 9 7.00001C8.73478 7.00001 8.48043 7.10537 8.29289 7.29291C8.10536 7.48044 8 7.7348 8 8.00001C8.00985 8.26266 7.96787 8.52467 7.87646 8.77109C7.78505 9.01751 7.646 9.24351 7.46725 9.43619C7.28849 9.62887 7.07354 9.78446 6.83466 9.89407C6.59578 10.0037 6.33764 10.0652 6.075 10.075C5.54457 10.0949 5.02796 9.90327 4.63882 9.54226C4.44614 9.36351 4.29055 9.14855 4.18094 8.90967C4.07133 8.67079 4.00985 8.41266 4 8.15001L5.68 4.00001H18.32L20 8.15001C19.9621 8.65403 19.7348 9.125 19.3637 9.46822C18.9927 9.81143 18.5054 10.0014 18 10Z", fill: "
|
|
2
|
+
const t = (e) => /* @__PURE__ */ C.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ C.createElement("path", { d: "M22 7.82001C22.0048 7.75677 22.0048 7.69325 22 7.63001L20 2.63001C19.9219 2.43237 19.7828 2.26475 19.603 2.15147C19.4232 2.03819 19.212 1.98514 19 2.00001H5C4.79972 1.99982 4.604 2.05977 4.43818 2.17209C4.27237 2.28442 4.1441 2.44395 4.07 2.63001L2.07 7.63001C2.06518 7.69325 2.06518 7.75677 2.07 7.82001C2.03677 7.87568 2.01311 7.93652 2 8.00001C2.01113 8.69125 2.20123 9.36781 2.55174 9.96369C2.90226 10.5596 3.40124 11.0544 4 11.4V21C4 21.2652 4.10536 21.5196 4.29289 21.7071C4.48043 21.8947 4.73478 22 5 22H19C19.2652 22 19.5196 21.8947 19.7071 21.7071C19.8946 21.5196 20 21.2652 20 21V11.44C20.6046 11.091 21.1072 10.5898 21.4581 9.98635C21.809 9.38287 21.9958 8.69807 22 8.00001C22.0094 7.94038 22.0094 7.87965 22 7.82001ZM13 20H11V16H13V20ZM18 20H15V15C15 14.7348 14.8946 14.4804 14.7071 14.2929C14.5196 14.1054 14.2652 14 14 14H10C9.73478 14 9.48043 14.1054 9.29289 14.2929C9.10536 14.4804 9 14.7348 9 15V20H6V12C6.56947 11.9968 7.13169 11.872 7.64905 11.634C8.16642 11.3961 8.627 11.0503 9 10.62C9.37537 11.0456 9.83701 11.3865 10.3542 11.62C10.8715 11.8535 11.4325 11.9743 12 11.9743C12.5675 11.9743 13.1285 11.8535 13.6458 11.62C14.163 11.3865 14.6246 11.0456 15 10.62C15.373 11.0503 15.8336 11.3961 16.3509 11.634C16.8683 11.872 17.4305 11.9968 18 12V20ZM18 10C17.4696 10 16.9609 9.7893 16.5858 9.41423C16.2107 9.03915 16 8.53045 16 8.00001C16 7.7348 15.8946 7.48044 15.7071 7.29291C15.5196 7.10537 15.2652 7.00001 15 7.00001C14.7348 7.00001 14.4804 7.10537 14.2929 7.29291C14.1054 7.48044 14 7.7348 14 8.00001C14 8.53045 13.7893 9.03915 13.4142 9.41423C13.0391 9.7893 12.5304 10 12 10C11.4696 10 10.9609 9.7893 10.5858 9.41423C10.2107 9.03915 10 8.53045 10 8.00001C10 7.7348 9.89464 7.48044 9.70711 7.29291C9.51957 7.10537 9.26522 7.00001 9 7.00001C8.73478 7.00001 8.48043 7.10537 8.29289 7.29291C8.10536 7.48044 8 7.7348 8 8.00001C8.00985 8.26266 7.96787 8.52467 7.87646 8.77109C7.78505 9.01751 7.646 9.24351 7.46725 9.43619C7.28849 9.62887 7.07354 9.78446 6.83466 9.89407C6.59578 10.0037 6.33764 10.0652 6.075 10.075C5.54457 10.0949 5.02796 9.90327 4.63882 9.54226C4.44614 9.36351 4.29055 9.14855 4.18094 8.90967C4.07133 8.67079 4.00985 8.41266 4 8.15001L5.68 4.00001H18.32L20 8.15001C19.9621 8.65403 19.7348 9.125 19.3637 9.46822C18.9927 9.81143 18.5054 10.0014 18 10Z", fill: "currentColor" }));
|
|
3
3
|
export {
|
|
4
4
|
t as default
|
|
5
5
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as e from "react";
|
|
2
|
-
const r = (t) => /* @__PURE__ */ e.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_6001_13573)" }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.65511 8.24745C8.65648 8.24745 9.46824 7.43568 9.46824 6.43431C9.46824 5.43295 8.65648 4.62118 7.65511 4.62118C6.65374 4.62118 5.84197 5.43295 5.84197 6.43431C5.84197 7.43568 6.65374 8.24745 7.65511 8.24745ZM7.65511 9.54255C9.37174 9.54255 10.7633 8.15094 10.7633 6.43431C10.7633 4.71768 9.37174 3.32608 7.65511 3.32608C5.93848 3.32608 4.54688 4.71768 4.54688 6.43431C4.54688 8.15094 5.93848 9.54255 7.65511 9.54255Z", fill: "
|
|
2
|
+
const r = (t) => /* @__PURE__ */ e.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_6001_13573)" }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.65511 8.24745C8.65648 8.24745 9.46824 7.43568 9.46824 6.43431C9.46824 5.43295 8.65648 4.62118 7.65511 4.62118C6.65374 4.62118 5.84197 5.43295 5.84197 6.43431C5.84197 7.43568 6.65374 8.24745 7.65511 8.24745ZM7.65511 9.54255C9.37174 9.54255 10.7633 8.15094 10.7633 6.43431C10.7633 4.71768 9.37174 3.32608 7.65511 3.32608C5.93848 3.32608 4.54688 4.71768 4.54688 6.43431C4.54688 8.15094 5.93848 9.54255 7.65511 9.54255Z", fill: "currentColor", stroke: "currentColor", strokeWidth: 0.4 }), /* @__PURE__ */ e.createElement("path", { d: "M14.5195 6.82278H21.1245", stroke: "currentColor", strokeWidth: 1.7, strokeLinecap: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M14.5195 4.23914H21.1245", stroke: "currentColor", strokeWidth: 1.7, strokeLinecap: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M7.91406 27.6739V19.1263", stroke: "currentColor", strokeWidth: 1.7, strokeLinecap: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M4.80566 27.4149L4.80566 14.2049", stroke: "currentColor", strokeWidth: 1.7, strokeLinecap: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M10.7637 27.4149V14.982", stroke: "currentColor", strokeWidth: 1.7, strokeLinecap: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M4.28858 20.1624C2.94168 20.8876 2.25959 19.7739 2.08691 19.1263C2.08691 17.5722 2.08691 14.2049 2.08691 13.1689C2.08691 11.8738 4.41809 10.1901 5.58368 10.7082C6.22849 11.5372 6.89513 11.8639 7.35062 12.0146C7.62978 12.1069 7.9344 12.0834 8.20374 11.9655C8.84364 11.6853 9.69092 11.2079 9.8575 10.7082C10.0832 10.031 13.1611 11.4193 14.0345 12.6444C14.2248 12.9115 14.5107 13.1689 14.8387 13.1689C15.9198 13.1689 16.7787 13.1689 17.11 13.1689C17.6713 13.3934 18.3882 14.2795 17.7598 15.4561C17.5549 15.8396 17.1182 16.018 16.6835 16.018C15.4148 16.018 14.4738 16.018 13.8662 16.018C13.4565 16.018 13.0679 15.8472 12.78 15.5556C12.0005 14.7661 10.9351 13.8237 10.7641 14.5934", stroke: "currentColor", strokeWidth: 1.7, strokeLinecap: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M14.6484 9.54251H17.7567", stroke: "currentColor", strokeWidth: 1.7, strokeLinecap: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M17.7568 13.2982L20.9946 9.80148", stroke: "currentColor", strokeWidth: 1.7, strokeLinecap: "round" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_6001_13573" }, /* @__PURE__ */ e.createElement("rect", { width: 23.7391, height: 21, fill: "white", transform: "translate(0.130859 1.5)" }))));
|
|
3
3
|
export {
|
|
4
4
|
r as default
|
|
5
5
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--button-background-neutral: var(--bg-dark);--button-text-neutral: var(--text-contrast);--button-postfix-text-neutral: var(--text-secondary);--button-icon-neutral: var(--icon-contrast);--button-background-accent: var(--bg-accent);--button-text-accent: var(--text-contrast);--button-postfix-text-accent: var(--text-accent-80);--button-icon-accent: var(--icon-contrast);--button-background-gray: transparent;--button-text-gray: var(--text-secondary);--button-postfix-text-gray: var(--text-tertiary);--button-icon-gray: var(--icon-secondary);--button-background-positive: var(--bg-positive);--button-text-positive: var(--text-invert);--button-postfix-text-positive: var(--text-positive-tertiary);--button-icon-positive: var(--icon-contrast);--button-background-negative: var(--bg-negative);--button-text-negative: var(--text-invert);--button-postfix-text-negative: var(--text-negative-tertiary);--button-icon-negative: var(--icon-contrast);--button-background-contrast: var(--bg-primary);--button-text-contrast: var(--text-primary);--button-postfix-text-contrast: var(--text-secondary);--button-icon-contrast: var(--icon-primary);--button-background-dreamy: var(--bg-dreamy);--button-text-dreamy: var(--text-invert);--button-postfix-text-dreamy: var(--text-dreamy-tertiary);--button-icon-dreamy: var(--icon-contrast);--button-background-special: var(--bg-special-dark);--button-text-special: var(--text-contrast);--button-postfix-text-special: var(--text-special-tertiary);--button-icon-special: var(--icon-contrast);--button-background-lovely: var(--bg-lovely);--button-text-lovely: var(--text-contrast);--button-postfix-text-lovely: var(--text-lovely-tertiary);--button-icon-lovely: var(--icon-contrast);--button-background-warning: var(--bg-warning);--button-text-warning: var(--text-contrast);--button-postfix-text-warning: var(--text-warning-tertiary);--button-icon-warning: var(--icon-contrast);--button-background-vivid: var(--bg-vivid);--button-text-vivid: var(--text-vivid-dark);--button-postfix-text-vivid: var(--text-vivid-tertiary);--button-icon-vivid: var(--icon-vivid-dark);--button-background-blue: var(--bg-blue);--button-text-blue: var(--text-contrast);--button-postfix-text-blue: var(--text-blue-tertiary);--button-icon-blue: var(--icon-contrast);--button-background-neutral-secondary: var(--bg-secondary);--button-text-neutral-secondary: var(--text-primary);--button-postfix-text-neutral-secondary: var(--text-secondary);--button-icon-neutral-secondary: var(--icon-primary);--button-background-state-accent-secondary: var(--bg-accent-secondary);--button-text-accent-secondary: var(--text-accent);--button-postfix-text-accent-secondary: var(--text-accent-65);--button-icon-accent-secondary: var(--icon-accent);--button-background-positive-secondary: var(--bg-positive-secondary);--button-text-positive-secondary: var(--text-positive);--button-postfix-text-positive-secondary: var(--text-positive-secondary);--button-icon-positive-secondary: var(--icon-positive);--button-background-negative-secondary: var(--bg-negative-secondary);--button-text-negative-secondary: var(--text-negative);--button-postfix-text-negative-secondary: var(--text-negative-secondary);--button-icon-negative-secondary: var(--icon-negative);--button-background-contrast-secondary: var(--bg-dark-tertiary);--button-text-contrast-secondary: var(--text-invert);--button-postfix-text-contrast-secondary: var(--text-secondary);--button-icon-contrast-secondary: var(--icon-contrast);--button-background-state-dreamy-secondary: var(--bg-dreamy-secondary);--button-text-dreamy-secondary: var(--text-dreamy);--button-postfix-text-dreamy-secondary: var(--text-dreamy-secondary);--button-icon-dreamy-secondary: var(--icon-dreamy-dark);--button-background-state-special-secondary: var(--bg-special-secondary);--button-text-special-secondary: var(--text-special);--button-postfix-text-special-secondary: var(--text-special-secondary);--button-icon-special-secondary: var(--icon-special);--button-background-state-lovely-secondary: var(--bg-lovely-secondary);--button-text-lovely-secondary: var(--text-lovely);--button-postfix-text-lovely-secondary: var(--text-lovely-secondary);--button-icon-lovely-secondary: var(--icon-lovely);--button-background-state-warning-secondary: var(--bg-warning-secondary);--button-text-warning-secondary: var(--text-warning);--button-postfix-text-warning-secondary: var(--text-warning-secondary);--button-icon-warning-secondary: var(--icon-warning-dark);--button-background-state-vivid-secondary: var(--bg-vivid-secondary);--button-text-vivid-secondary: var(--text-vivid);--button-postfix-text-vivid-secondary: var(--text-vivid-secondary);--button-icon-vivid-secondary: var(--icon-vivid-dark-secondary);--button-background-state-blue-secondary: var(--bg-blue-secondary);--button-text-blue-secondary: var(--text-blue);--button-postfix-text-blue-secondary: var(--text-blue-65);--button-icon-blue-secondary: var(--icon-blue);--button-background-neutral-tertiary: transparent;--button-text-neutral-tertiary: var(--text-primary);--button-postfix-text-neutral-tertiary: var(--text-secondary);--button-icon-neutral-tertiary: var(--icon-primary);--button-background-accent-tertiary: transparent;--button-text-accent-tertiary: var(--text-accent);--button-postfix-text-accent-tertiary: var(--text-accent-70);--button-icon-accent-tertiary: var(--icon-accent);--button-background-positive-tertiary: transparent;--button-text-positive-tertiary: var(--text-positive);--button-postfix-text-positive-tertiary: var(--text-positive-secondary);--button-icon-positive-tertiary: var(--icon-positive);--button-background-negative-tertiary: transparent;--button-text-negative-tertiary: var(--text-negative);--button-postfix-text-negative-tertiary: var(--text-negative-secondary);--button-icon-negative-tertiary: var(--icon-negative);--button-background-contrast-tertiary: transparent;--button-text-contrast-tertiary: var(--text-invert);--button-postfix-text-contrast-tertiary: var(--text-secondary);--button-icon-contrast-tertiary: var(--icon-contrast);--button-background-dreamy-tertiary: transparent;--button-text-dreamy-tertiary: var(--text-dreamy);--button-postfix-text-dreamy-tertiary: var(--text-dreamy-secondary);--button-icon-dreamy-tertiary: var(--icon-dreamy-dark);--button-background-special-tertiary: transparent;--button-text-special-tertiary: var(--text-special);--button-postfix-text-special-tertiary: var(--text-special-secondary);--button-icon-special-tertiary: var(--icon-special);--button-background-lovely-tertiary: transparent;--button-text-lovely-tertiary: var(--text-lovely);--button-postfix-text-lovely-tertiary: var(--text-lovely-secondary);--button-icon-lovely-tertiary: var(--icon-lovely);--button-background-warning-tertiary: transparent;--button-text-warning-tertiary: var(--text-warning);--button-postfix-text-warning-tertiary: var(--text-warning-secondary);--button-icon-warning-tertiary: var(--icon-warning-dark);--button-background-vivid-tertiary: transparent;--button-text-vivid-tertiary: var(--text-vivid);--button-postfix-text-vivid-tertiary: var(--text-vivid-secondary);--button-icon-vivid-tertiary: var(--icon-vivid-dark-secondary);--button-background-blue-tertiary: transparent;--button-text-blue-tertiary: var(--text-blue);--button-postfix-text-blue-tertiary: var(--text-blue-tertiary);--button-icon-blue-tertiary: var(--icon-blue);--button-background-state-neutral-hovered: var(--base-graphite-25);--button-background-state-neutral-pressed: var(--bg-dark);--button-background-state-neutral-focused: var(--button-background-state-neutral-pressed);--button-background-state-neutral-disabled: var(--bg-tertiary);--button-text-state-neutral-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-neutral-disabled: var(--text-tertiary);--button-icon-state-neutral-disabled: var(--button-icon-neutral);--button-background-state-neutral-secondary-hovered: var(--base-graphite-97);--button-background-state-neutral-secondary-pressed: var(--bg-secondary);--button-background-state-neutral-secondary-disabled: var(--bg-disabled);--button-background-state-neutral-tertiary-hovered: var(--bg-secondary);--button-background-state-neutral-tertiary-pressed: transparent;--button-background-state-neutral-tertiary-disabled: transparent;--button-background-state-accent-hovered: var(--bg-accent-55);--button-background-state-accent-pressed: var(--bg-accent);--button-background-state-accent-focused: var(--bg-accent);--button-background-state-accent-disabled: var(--bg-tertiary);--button-text-state-accent-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-accent-disabled: var(--text-tertiary);--button-icon-state-accent-disabled: var(--icon-disabled);--button-background-state-accent-secondary-hovered: var(--brand-primary-970);--button-background-state-accent-secondary-pressed: var(--bg-accent-secondary);--button-background-state-accent-secondary-disabled: var(--bg-disabled);--button-background-state-accent-tertiary-hovered: var(--bg-accent-secondary);--button-background-state-accent-tertiary-pressed: transparent;--button-background-state-accent-tertiary-disabled: transparent;--button-background-state-gray-hovered: var(--bg-secondary);--button-text-state-gray-hovered: var(--text-primary);--button-postfix-text-state-gray-hovered: var(--text-tertiary);--button-icon-state-gray-hovered: var(--icon-primary);--button-background-state-gray-pressed: transparent;--button-background-state-gray-focused: var(--bg-secondary);--button-background-state-gray-disabled: transparent;--button-text-state-gray-disabled: var(--text-state-secondary-disabled);--button-postfix-text-state-gray-disabled: var(--text-state-secondary-disabled);--button-icon-state-gray-disabled: var(--base-graphite-85);--button-background-state-positive-hovered: var(--bg-positive-hover);--button-background-state-positive-pressed: var(--bg-positive);--button-background-state-positive-focused: var(--bg-positive);--button-background-state-positive-disabled: var(--bg-tertiary);--button-text-state-positive-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-positive-disabled: var(--text-tertiary);--button-icon-state-positive-disabled: var(--icon-disabled);--button-background-state-positive-secondary-hovered: var(--base-green-97);--button-background-state-positive-secondary-pressed: var(--bg-positive-secondary);--button-background-state-positive-secondary-disabled: var(--bg-disabled);--button-background-state-positive-tertiary-hovered: var(--base-green-97);--button-background-state-positive-tertiary-pressed: transparent;--button-background-state-positive-tertiary-disabled: transparent;--button-background-state-negative-hovered: var(--bg-negative-hover);--button-background-state-negative-pressed: var(--bg-negative);--button-background-state-negative-focused: var(--button-background-state-negative-pressed);--button-background-state-negative-disabled: var(--bg-tertiary);--button-text-state-negative-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-negative-disabled: var(--text-tertiary);--button-icon-state-negative-disabled: var(--icon-disabled);--button-background-state-negative-secondary-hovered: var(--base-red-97);--button-background-state-negative-secondary-pressed: var(--bg-negative-secondary);--button-background-state-negative-secondary-disabled: var(--bg-disabled);--button-background-state-negative-tertiary-hovered: var(--base-red-97);--button-background-state-negative-tertiary-pressed: transparent;--button-background-state-negative-tertiary-disabled: transparent;--button-background-state-contrast-hovered: var(--base-graphite-95);--button-background-state-contrast-pressed: var(--bg-primary);--button-background-state-contrast-focused: var(--button-background-state-contrast-pressed);--button-background-state-contrast-disabled: var(--base-graphite-40);--button-text-state-contrast-disabled: var(--base-graphite-25);--button-postfix-text-state-contrast-disabled: var(--base-graphite-30);--button-icon-state-contrast-disabled: var(--base-graphite-25);--button-background-state-contrast-secondary-hovered: var(--base-graphite-35);--button-background-state-contrast-secondary-pressed: var(--bg-dark-tertiary);--button-background-state-contrast-secondary-disabled: var(--base-graphite-15);--button-text-state-contrast-secondary-disabled: var(--base-graphite-45);--button-postfix-text-state-contrast-secondary-disabled: var(--base-graphite-30);--button-background-state-contrast-tertiary-hovered: var(--base-graphite-35);--button-background-state-contrast-tertiary-pressed: transparent;--button-background-state-contrast-tertiary-disabled: transparent;--button-text-state-contrast-tertiary-disabled: var(--base-graphite-40);--button-postfix-text-state-contrast-tertiary-disabled: var(--base-graphite-25);--button-background-state-dreamy-hovered: var(--bg-dreamy-hover);--button-background-state-dreamy-pressed: var(--bg-dreamy);--button-background-state-dreamy-focused: var(--bg-dreamy);--button-background-state-dreamy-disabled: var(--bg-tertiary);--button-text-state-dreamy-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-dreamy-disabled: var(--text-tertiary);--button-icon-state-dreamy-disabled: var(--icon-disabled);--button-background-state-dreamy-secondary-hovered: var(--bg-dreamy-secondary-hover);--button-background-state-dreamy-secondary-pressed: var(--bg-dreamy-secondary);--button-background-state-dreamy-secondary-focused: var(--bg-dreamy-secondary);--button-background-state-dreamy-secondary-disabled: var(--bg-disabled);--button-text-state-dreamy-secondary-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-dreamy-secondary-disabled: var(--text-state-secondary-disabled);--button-icon-state-dreamy-secondary-disabled: var(--icon-disabled);--button-background-state-dreamy-tertiary-hovered: var(--bg-dreamy-secondary-hover);--button-background-state-dreamy-tertiary-pressed: transparent;--button-background-state-dreamy-tertiary-focused: transparent;--button-background-state-dreamy-tertiary-disabled: transparent;--button-text-state-dreamy-tertiary-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-dreamy-tertiary-disabled: var(--text-state-secondary-disabled);--button-icon-state-dreamy-tertiary-disabled: var(--icon-disabled);--button-background-state-special-hovered: var(--bg-special-dark-hover);--button-background-state-special-pressed: var(--bg-special-dark);--button-background-state-special-focused: var(--bg-special-dark);--button-background-state-special-disabled: var(--bg-tertiary);--button-text-state-special-disabled: var(--text-tertiary);--button-postfix-text-state-special-disabled: var(--text-tertiary);--button-icon-state-special-disabled: var(--icon-disabled);--button-background-state-special-secondary-hovered: var(--bg-special-secondary-hover);--button-background-state-special-secondary-pressed: var(--bg-special-secondary);--button-background-state-special-secondary-focused: var(--bg-special-secondary);--button-background-state-special-secondary-disabled: var(--bg-disabled);--button-text-state-special-secondary-disabled: var(--text-tertiary);--button-postfix-text-state-special-secondary-disabled: var(--text-state-secondary-disabled);--button-icon-state-special-secondary-disabled: var(--icon-disabled);--button-background-state-special-tertiary-hovered: var(--bg-special-secondary-hover);--button-background-state-special-tertiary-pressed: transparent;--button-background-state-special-tertiary-focused: transparent;--button-background-state-special-tertiary-disabled: transparent;--button-text-state-special-tertiary-disabled: var(--text-tertiary);--button-postfix-text-state-special-tertiary-disabled: var(--text-state-secondary-disabled);--button-icon-state-special-tertiary-disabled: var(--icon-disabled);--button-background-state-lovely-hovered: var(--bg-lovely-hover-62);--button-background-state-lovely-pressed: var(--bg-lovely);--button-background-state-lovely-focused: var(--bg-lovely);--button-background-state-lovely-disabled: var(--bg-tertiary);--button-text-state-lovely-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-lovely-disabled: var(--text-tertiary);--button-icon-state-lovely-disabled: var(--icon-disabled);--button-background-state-lovely-secondary-hovered: var(--bg-lovely-secondary-hover);--button-background-state-lovely-secondary-pressed: var(--bg-lovely-secondary);--button-background-state-lovely-secondary-focused: var(--bg-lovely-secondary);--button-background-state-lovely-secondary-disabled: var(--bg-disabled);--button-text-state-lovely-secondary-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-lovely-secondary-disabled: var(--text-state-secondary-disabled);--button-icon-state-lovely-secondary-disabled: var(--icon-disabled);--button-background-state-lovely-tertiary-hovered: var(--bg-lovely-secondary-hover);--button-background-state-lovely-tertiary-pressed: transparent;--button-background-state-lovely-tertiary-focused: transparent;--button-background-state-lovely-tertiary-disabled: transparent;--button-text-state-lovely-tertiary-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-lovely-tertiary-disabled: var(--text-state-secondary-disabled);--button-icon-state-lovely-tertiary-disabled: var(--icon-disabled);--button-background-state-warning-hovered: var(--bg-warning-hover);--button-background-state-warning-pressed: var(--bg-warning);--button-background-state-warning-focused: var(--bg-warning);--button-background-state-warning-disabled: var(--bg-tertiary);--button-text-state-warning-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-warning-disabled: var(--text-tertiary);--button-icon-state-warning-disabled: var(--icon-disabled);--button-background-state-warning-secondary-hovered: var(--bg-warning-secondary-hover);--button-background-state-warning-secondary-pressed: var(--bg-warning-secondary);--button-background-state-warning-secondary-focused: var(--bg-warning-secondary);--button-background-state-warning-secondary-disabled: var(--bg-disabled);--button-text-state-warning-secondary-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-warning-secondary-disabled: var(--text-state-secondary-disabled);--button-icon-state-warning-secondary-disabled: var(--icon-disabled);--button-background-state-warning-tertiary-hovered: var(--bg-warning-secondary-hover);--button-background-state-warning-tertiary-pressed: transparent;--button-background-state-warning-tertiary-focused: transparent;--button-background-state-warning-tertiary-disabled: transparent;--button-text-state-warning-tertiary-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-warning-tertiary-disabled: var(--text-state-secondary-disabled);--button-icon-state-warning-tertiary-disabled: var(--icon-disabled);--button-background-state-vivid-hovered: var(--bg-vivid-hover-87);--button-background-state-vivid-pressed: var(--bg-vivid);--button-background-state-vivid-focused: var(--bg-vivid);--button-background-state-vivid-disabled: var(--bg-tertiary);--button-text-state-vivid-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-vivid-disabled: var(--text-tertiary);--button-icon-state-vivid-disabled: var(--icon-disabled);--button-background-state-vivid-secondary-hovered: var(--bg-vivid-secondary-hover);--button-background-state-vivid-secondary-pressed: var(--bg-vivid-secondary);--button-background-state-vivid-secondary-focused: var(--bg-vivid-secondary);--button-background-state-vivid-secondary-disabled: var(--bg-disabled);--button-text-state-vivid-secondary-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-vivid-secondary-disabled: var(--text-state-secondary-disabled);--button-icon-state-vivid-secondary-disabled: var(--icon-disabled);--button-background-state-vivid-tertiary-hovered: var(--bg-vivid-secondary-hover);--button-background-state-vivid-tertiary-pressed: transparent;--button-background-state-vivid-tertiary-focused: transparent;--button-background-state-vivid-tertiary-disabled: transparent;--button-text-state-vivid-tertiary-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-vivid-tertiary-disabled: var(--text-state-secondary-disabled);--button-icon-state-vivid-tertiary-disabled: var(--icon-disabled);--button-background-state-blue-hovered: var(--bg-blue-hover);--button-background-state-blue-pressed: var(--bg-blue);--button-background-state-blue-focused: var(--bg-blue);--button-background-state-blue-disabled: var(--bg-tertiary);--button-text-state-blue-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-blue-disabled: var(--text-tertiary);--button-icon-state-blue-disabled: var(--icon-disabled);--button-background-state-blue-secondary-hovered: var(--bg-blue-secondary-hover);--button-background-state-blue-secondary-pressed: var(--bg-blue-secondary);--button-background-state-blue-secondary-focused: var(--bg-blue-secondary);--button-background-state-blue-secondary-disabled: var(--bg-disabled);--button-text-state-blue-secondary-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-blue-secondary-disabled: var(--text-state-secondary-disabled);--button-icon-state-blue-secondary-disabled: var(--icon-disabled);--button-background-state-blue-tertiary-hovered: var(--bg-blue-secondary-hover);--button-background-state-blue-tertiary-pressed: transparent;--button-background-state-blue-tertiary-focused: transparent;--button-background-state-blue-tertiary-disabled: transparent;--button-text-state-blue-tertiary-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-blue-tertiary-disabled: var(--text-state-secondary-disabled);--button-icon-state-blue-tertiary-disabled: var(--icon-disabled);--button-stroke-state-neutral-focused-accessible: var(--stroke-accent-disabled);--button-stroke-state-accent-focused-accessible: var(--stroke-accent-disabled);--button-stroke-state-positive-focused-accessible: var(--stroke-accent-disabled);--button-stroke-state-negative-focused-accessible: var(--stroke-accent-disabled);--button-stroke-state-contrast-focused-accessible: var(--stroke-accent-disabled);--button-stroke-state-gray-focused-accessible: var(--stroke-accent-disabled);--button-stroke-state-dreamy-focused-accessible: var(--stroke-accent-disabled);--button-stroke-state-special-focused-accessible: var(--stroke-accent-disabled);--button-stroke-state-lovely-focused-accessible: var(--stroke-accent-disabled);--button-stroke-state-warning-focused-accessible: var(--stroke-accent-disabled);--button-stroke-state-vivid-focused-accessible: var(--stroke-accent-disabled);--button-stroke-state-blue-focused-accessible: var(--stroke-accent-disabled);--semantic-borderRadius-form: 12px;--semantic-borderRadius-200: 8px;--semantic-borderWidth-tab-focused: 4px;--semantic-animation-ease-in-out-200: background-color .2s ease-in-out;--semantic-animation-ease-in-out-400: background-color .4s ease-in-out;--semantic-color-animation-ease-in-out-400: color .4s ease-in-out;--semantic-scale-pressed: .96;--back-button-text: var(--text-primary);--back-button-icon: var(--icon-secondary);--back-button-icon-state-hovered: var(--icon-primary);--back-button-text-disabled: var(--text-state-primary-disabled);--back-button-icon-disabled: var(--icon-tertiary)}[data-skillgridDarkTheme=true]{--button-background-neutral: var(--base-gray-100);--button-text-neutral: var(--base-gray-0);--button-postfix-text-neutral: var(--base-graphite-55);--button-icon-neutral: var(--base-gray-0);--button-background-neutral-secondary: var(--bg-dark-secondary);--button-text-neutral-secondary: var(--text-invert);--button-postfix-text-neutral-secondary: var(--text-secondary);--button-icon-neutral-secondary: var(--icon-contrast);--button-background-neutral-tertiary: transparent;--button-text-neutral-tertiary: var(--text-primary);--button-postfix-text-neutral-tertiary: var(--text-secondary);--button-icon-neutral-tertiary: var(--icon-primary);--button-background-state-neutral-hovered: var(--base-graphite-96);--button-background-state-neutral-pressed: var(--base-graphite-90);--button-background-state-neutral-focused: var(--button-background-state-neutral-pressed);--button-background-state-neutral-disabled: var(--base-graphite-75);--button-text-state-neutral-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-neutral-disabled: var(--text-tertiary);--button-icon-state-neutral-disabled: var(--text-state-primary-disabled);--button-background-state-neutral-secondary-hovered: var(--base-graphite-20);--button-background-state-neutral-secondary-pressed: var(--base-graphite-10);--button-background-state-neutral-secondary-disabled: var(--bg-dark-secondary-disabled);--button-background-state-neutral-tertiary-hovered: var(--base-graphite-20);--button-background-state-neutral-tertiary-pressed: var(--base-graphite-10);--button-background-state-neutral-tertiary-disabled: var(--bg-dark-secondary-disabled);--button-background-state-negative-secondary-hovered: var(--base-red-15);--button-background-state-negative-secondary-pressed: var(--base-red-20);--button-background-state-negative-secondary-disabled: var(--bg-disabled);--button-background-state-negative-tertiary-hovered: var(--base-red-20)}
|
|
1
|
+
:root{--button-background-neutral: var(--bg-dark);--button-text-neutral: var(--text-contrast);--button-postfix-text-neutral: var(--text-secondary);--button-icon-neutral: var(--icon-contrast);--button-background-accent: var(--bg-accent);--button-text-accent: var(--text-contrast);--button-postfix-text-accent: var(--text-accent-80);--button-icon-accent: var(--icon-contrast);--button-background-gray: transparent;--button-text-gray: var(--text-secondary);--button-postfix-text-gray: var(--text-tertiary);--button-icon-gray: var(--icon-secondary);--button-background-positive: var(--bg-positive);--button-text-positive: var(--text-invert);--button-postfix-text-positive: var(--text-positive-tertiary);--button-icon-positive: var(--icon-contrast);--button-background-negative: var(--bg-negative);--button-text-negative: var(--text-invert);--button-postfix-text-negative: var(--text-negative-tertiary);--button-icon-negative: var(--icon-contrast);--button-background-contrast: var(--bg-primary);--button-text-contrast: var(--text-primary);--button-postfix-text-contrast: var(--text-secondary);--button-icon-contrast: var(--icon-primary);--button-background-dreamy: var(--bg-dreamy);--button-text-dreamy: var(--text-invert);--button-postfix-text-dreamy: var(--text-dreamy-tertiary);--button-icon-dreamy: var(--icon-contrast);--button-background-special: var(--bg-special-dark);--button-text-special: var(--text-contrast);--button-postfix-text-special: var(--text-special-tertiary);--button-icon-special: var(--icon-contrast);--button-background-lovely: var(--bg-lovely);--button-text-lovely: var(--text-contrast);--button-postfix-text-lovely: var(--text-lovely-tertiary);--button-icon-lovely: var(--icon-contrast);--button-background-warning: var(--bg-warning);--button-text-warning: var(--text-contrast);--button-postfix-text-warning: var(--text-warning-tertiary);--button-icon-warning: var(--icon-contrast);--button-background-vivid: var(--bg-vivid);--button-text-vivid: var(--text-vivid-dark);--button-postfix-text-vivid: var(--text-vivid-tertiary);--button-icon-vivid: var(--icon-vivid-dark);--button-background-blue: var(--bg-blue);--button-text-blue: var(--text-contrast);--button-postfix-text-blue: var(--text-blue-tertiary);--button-icon-blue: var(--icon-contrast);--button-background-neutral-secondary: var(--bg-secondary);--button-text-neutral-secondary: var(--text-primary);--button-postfix-text-neutral-secondary: var(--text-secondary);--button-icon-neutral-secondary: var(--icon-primary);--button-background-state-accent-secondary: var(--bg-accent-secondary);--button-text-accent-secondary: var(--text-accent);--button-postfix-text-accent-secondary: var(--text-accent-65);--button-icon-accent-secondary: var(--icon-accent);--button-background-positive-secondary: var(--bg-positive-secondary);--button-text-positive-secondary: var(--text-positive);--button-postfix-text-positive-secondary: var(--text-positive-secondary);--button-icon-positive-secondary: var(--icon-positive);--button-background-negative-secondary: var(--bg-negative-secondary);--button-text-negative-secondary: var(--text-negative);--button-postfix-text-negative-secondary: var(--text-negative-secondary);--button-icon-negative-secondary: var(--icon-negative);--button-background-contrast-secondary: var(--bg-dark-tertiary);--button-text-contrast-secondary: var(--text-invert);--button-postfix-text-contrast-secondary: var(--text-secondary);--button-icon-contrast-secondary: var(--icon-contrast);--button-background-state-dreamy-secondary: var(--bg-dreamy-secondary);--button-text-dreamy-secondary: var(--text-dreamy);--button-postfix-text-dreamy-secondary: var(--text-dreamy-secondary);--button-icon-dreamy-secondary: var(--icon-dreamy-dark);--button-background-state-special-secondary: var(--bg-special-secondary);--button-text-special-secondary: var(--text-special);--button-postfix-text-special-secondary: var(--text-special-secondary);--button-icon-special-secondary: var(--icon-special);--button-background-state-lovely-secondary: var(--bg-lovely-secondary);--button-text-lovely-secondary: var(--text-lovely);--button-postfix-text-lovely-secondary: var(--text-lovely-secondary);--button-icon-lovely-secondary: var(--icon-lovely);--button-background-state-warning-secondary: var(--bg-warning-secondary);--button-text-warning-secondary: var(--text-warning);--button-postfix-text-warning-secondary: var(--text-warning-secondary);--button-icon-warning-secondary: var(--icon-warning-dark);--button-background-state-vivid-secondary: var(--bg-vivid-secondary);--button-text-vivid-secondary: var(--text-vivid);--button-postfix-text-vivid-secondary: var(--text-vivid-secondary);--button-icon-vivid-secondary: var(--icon-vivid-dark-secondary);--button-background-state-blue-secondary: var(--bg-blue-secondary);--button-text-blue-secondary: var(--text-blue);--button-postfix-text-blue-secondary: var(--text-blue-65);--button-icon-blue-secondary: var(--icon-blue);--button-background-neutral-tertiary: transparent;--button-text-neutral-tertiary: var(--text-primary);--button-postfix-text-neutral-tertiary: var(--text-secondary);--button-icon-neutral-tertiary: var(--icon-primary);--button-background-accent-tertiary: transparent;--button-text-accent-tertiary: var(--text-accent);--button-postfix-text-accent-tertiary: var(--text-accent-70);--button-icon-accent-tertiary: var(--icon-accent);--button-background-positive-tertiary: transparent;--button-text-positive-tertiary: var(--text-positive);--button-postfix-text-positive-tertiary: var(--text-positive-secondary);--button-icon-positive-tertiary: var(--icon-positive);--button-background-negative-tertiary: transparent;--button-text-negative-tertiary: var(--text-negative);--button-postfix-text-negative-tertiary: var(--text-negative-secondary);--button-icon-negative-tertiary: var(--icon-negative);--button-background-contrast-tertiary: transparent;--button-text-contrast-tertiary: var(--text-invert);--button-postfix-text-contrast-tertiary: var(--text-secondary);--button-icon-contrast-tertiary: var(--icon-contrast);--button-background-dreamy-tertiary: transparent;--button-text-dreamy-tertiary: var(--text-dreamy);--button-postfix-text-dreamy-tertiary: var(--text-dreamy-secondary);--button-icon-dreamy-tertiary: var(--icon-dreamy-dark);--button-background-special-tertiary: transparent;--button-text-special-tertiary: var(--text-special);--button-postfix-text-special-tertiary: var(--text-special-secondary);--button-icon-special-tertiary: var(--icon-special);--button-background-lovely-tertiary: transparent;--button-text-lovely-tertiary: var(--text-lovely);--button-postfix-text-lovely-tertiary: var(--text-lovely-secondary);--button-icon-lovely-tertiary: var(--icon-lovely);--button-background-warning-tertiary: transparent;--button-text-warning-tertiary: var(--text-warning);--button-postfix-text-warning-tertiary: var(--text-warning-secondary);--button-icon-warning-tertiary: var(--icon-warning-dark);--button-background-vivid-tertiary: transparent;--button-text-vivid-tertiary: var(--text-vivid);--button-postfix-text-vivid-tertiary: var(--text-vivid-secondary);--button-icon-vivid-tertiary: var(--icon-vivid-dark-secondary);--button-background-blue-tertiary: transparent;--button-text-blue-tertiary: var(--text-blue);--button-postfix-text-blue-tertiary: var(--text-blue-tertiary);--button-icon-blue-tertiary: var(--icon-blue);--button-background-state-neutral-hovered: var(--base-graphite-25);--button-background-state-neutral-pressed: var(--bg-dark);--button-background-state-neutral-focused: var(--button-background-state-neutral-pressed);--button-background-state-neutral-disabled: var(--bg-tertiary);--button-text-state-neutral-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-neutral-disabled: var(--text-tertiary);--button-icon-state-neutral-disabled: var(--button-icon-neutral);--button-background-state-neutral-secondary-hovered: var(--base-graphite-97);--button-background-state-neutral-secondary-pressed: var(--bg-secondary);--button-background-state-neutral-secondary-disabled: var(--bg-disabled);--button-background-state-neutral-tertiary-hovered: var(--bg-secondary);--button-background-state-neutral-tertiary-pressed: transparent;--button-background-state-neutral-tertiary-disabled: transparent;--button-background-state-accent-hovered: var(--bg-accent-55);--button-background-state-accent-pressed: var(--bg-accent);--button-background-state-accent-focused: var(--bg-accent);--button-background-state-accent-disabled: var(--bg-tertiary);--button-text-state-accent-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-accent-disabled: var(--text-tertiary);--button-icon-state-accent-disabled: var(--icon-disabled);--button-background-state-accent-secondary-hovered: var(--brand-primary-970);--button-background-state-accent-secondary-pressed: var(--bg-accent-secondary);--button-background-state-accent-secondary-disabled: var(--bg-disabled);--button-background-state-accent-tertiary-hovered: var(--bg-accent-secondary);--button-background-state-accent-tertiary-pressed: transparent;--button-background-state-accent-tertiary-disabled: transparent;--button-background-state-gray-hovered: var(--bg-secondary);--button-text-state-gray-hovered: var(--text-primary);--button-postfix-text-state-gray-hovered: var(--text-tertiary);--button-icon-state-gray-hovered: var(--icon-primary);--button-background-state-gray-pressed: transparent;--button-background-state-gray-focused: var(--bg-secondary);--button-background-state-gray-disabled: transparent;--button-text-state-gray-disabled: var(--text-state-secondary-disabled);--button-postfix-text-state-gray-disabled: var(--text-state-secondary-disabled);--button-icon-state-gray-disabled: var(--base-graphite-85);--button-background-state-positive-hovered: var(--bg-positive-hover);--button-background-state-positive-pressed: var(--bg-positive);--button-background-state-positive-focused: var(--bg-positive);--button-background-state-positive-disabled: var(--bg-tertiary);--button-text-state-positive-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-positive-disabled: var(--text-tertiary);--button-icon-state-positive-disabled: var(--icon-disabled);--button-background-state-positive-secondary-hovered: var(--base-green-97);--button-background-state-positive-secondary-pressed: var(--bg-positive-secondary);--button-background-state-positive-secondary-disabled: var(--bg-disabled);--button-background-state-positive-tertiary-hovered: var(--base-green-97);--button-background-state-positive-tertiary-pressed: transparent;--button-background-state-positive-tertiary-disabled: transparent;--button-background-state-negative-hovered: var(--bg-negative-hover);--button-background-state-negative-pressed: var(--bg-negative);--button-background-state-negative-focused: var(--button-background-state-negative-pressed);--button-background-state-negative-disabled: var(--bg-tertiary);--button-text-state-negative-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-negative-disabled: var(--text-tertiary);--button-icon-state-negative-disabled: var(--icon-disabled);--button-background-state-negative-secondary-hovered: var(--base-red-97);--button-background-state-negative-secondary-pressed: var(--bg-negative-secondary);--button-background-state-negative-secondary-disabled: var(--bg-disabled);--button-background-state-negative-tertiary-hovered: var(--base-red-97);--button-background-state-negative-tertiary-pressed: transparent;--button-background-state-negative-tertiary-disabled: transparent;--button-background-state-contrast-hovered: var(--base-graphite-95);--button-background-state-contrast-pressed: var(--bg-primary);--button-background-state-contrast-focused: var(--button-background-state-contrast-pressed);--button-background-state-contrast-disabled: var(--base-graphite-40);--button-text-state-contrast-disabled: var(--base-graphite-25);--button-postfix-text-state-contrast-disabled: var(--base-graphite-30);--button-icon-state-contrast-disabled: var(--base-graphite-25);--button-background-state-contrast-secondary-hovered: var(--base-graphite-35);--button-background-state-contrast-secondary-pressed: var(--bg-dark-tertiary);--button-background-state-contrast-secondary-disabled: var(--base-graphite-15);--button-text-state-contrast-secondary-disabled: var(--base-graphite-45);--button-postfix-text-state-contrast-secondary-disabled: var(--base-graphite-30);--button-background-state-contrast-tertiary-hovered: var(--base-graphite-35);--button-background-state-contrast-tertiary-pressed: transparent;--button-background-state-contrast-tertiary-disabled: transparent;--button-text-state-contrast-tertiary-disabled: var(--base-graphite-40);--button-postfix-text-state-contrast-tertiary-disabled: var(--base-graphite-25);--button-background-state-dreamy-hovered: var(--bg-dreamy-hover);--button-background-state-dreamy-pressed: var(--bg-dreamy);--button-background-state-dreamy-focused: var(--bg-dreamy);--button-background-state-dreamy-disabled: var(--bg-tertiary);--button-text-state-dreamy-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-dreamy-disabled: var(--text-tertiary);--button-icon-state-dreamy-disabled: var(--icon-disabled);--button-background-state-dreamy-secondary-hovered: var(--bg-dreamy-secondary-hover);--button-background-state-dreamy-secondary-pressed: var(--bg-dreamy-secondary);--button-background-state-dreamy-secondary-focused: var(--bg-dreamy-secondary);--button-background-state-dreamy-secondary-disabled: var(--bg-disabled);--button-text-state-dreamy-secondary-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-dreamy-secondary-disabled: var(--text-state-secondary-disabled);--button-icon-state-dreamy-secondary-disabled: var(--icon-disabled);--button-background-state-dreamy-tertiary-hovered: var(--bg-dreamy-secondary-hover);--button-background-state-dreamy-tertiary-pressed: transparent;--button-background-state-dreamy-tertiary-focused: transparent;--button-background-state-dreamy-tertiary-disabled: transparent;--button-text-state-dreamy-tertiary-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-dreamy-tertiary-disabled: var(--text-state-secondary-disabled);--button-icon-state-dreamy-tertiary-disabled: var(--icon-disabled);--button-background-state-special-hovered: var(--bg-special-dark-hover);--button-background-state-special-pressed: var(--bg-special-dark);--button-background-state-special-focused: var(--bg-special-dark);--button-background-state-special-disabled: var(--bg-tertiary);--button-text-state-special-disabled: var(--text-tertiary);--button-postfix-text-state-special-disabled: var(--text-tertiary);--button-icon-state-special-disabled: var(--icon-disabled);--button-background-state-special-secondary-hovered: var(--bg-special-secondary-hover);--button-background-state-special-secondary-pressed: var(--bg-special-secondary);--button-background-state-special-secondary-focused: var(--bg-special-secondary);--button-background-state-special-secondary-disabled: var(--bg-disabled);--button-text-state-special-secondary-disabled: var(--text-tertiary);--button-postfix-text-state-special-secondary-disabled: var(--text-state-secondary-disabled);--button-icon-state-special-secondary-disabled: var(--icon-disabled);--button-background-state-special-tertiary-hovered: var(--bg-special-secondary-hover);--button-background-state-special-tertiary-pressed: transparent;--button-background-state-special-tertiary-focused: transparent;--button-background-state-special-tertiary-disabled: transparent;--button-text-state-special-tertiary-disabled: var(--text-tertiary);--button-postfix-text-state-special-tertiary-disabled: var(--text-state-secondary-disabled);--button-icon-state-special-tertiary-disabled: var(--icon-disabled);--button-background-state-lovely-hovered: var(--bg-lovely-hover-62);--button-background-state-lovely-pressed: var(--bg-lovely);--button-background-state-lovely-focused: var(--bg-lovely);--button-background-state-lovely-disabled: var(--bg-tertiary);--button-text-state-lovely-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-lovely-disabled: var(--text-tertiary);--button-icon-state-lovely-disabled: var(--icon-disabled);--button-background-state-lovely-secondary-hovered: var(--bg-lovely-secondary-hover);--button-background-state-lovely-secondary-pressed: var(--bg-lovely-secondary);--button-background-state-lovely-secondary-focused: var(--bg-lovely-secondary);--button-background-state-lovely-secondary-disabled: var(--bg-disabled);--button-text-state-lovely-secondary-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-lovely-secondary-disabled: var(--text-state-secondary-disabled);--button-icon-state-lovely-secondary-disabled: var(--icon-disabled);--button-background-state-lovely-tertiary-hovered: var(--bg-lovely-secondary-hover);--button-background-state-lovely-tertiary-pressed: transparent;--button-background-state-lovely-tertiary-focused: transparent;--button-background-state-lovely-tertiary-disabled: transparent;--button-text-state-lovely-tertiary-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-lovely-tertiary-disabled: var(--text-state-secondary-disabled);--button-icon-state-lovely-tertiary-disabled: var(--icon-disabled);--button-background-state-warning-hovered: var(--bg-warning-hover);--button-background-state-warning-pressed: var(--bg-warning);--button-background-state-warning-focused: var(--bg-warning);--button-background-state-warning-disabled: var(--bg-tertiary);--button-text-state-warning-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-warning-disabled: var(--text-tertiary);--button-icon-state-warning-disabled: var(--icon-disabled);--button-background-state-warning-secondary-hovered: var(--bg-warning-secondary-hover);--button-background-state-warning-secondary-pressed: var(--bg-warning-secondary);--button-background-state-warning-secondary-focused: var(--bg-warning-secondary);--button-background-state-warning-secondary-disabled: var(--bg-disabled);--button-text-state-warning-secondary-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-warning-secondary-disabled: var(--text-state-secondary-disabled);--button-icon-state-warning-secondary-disabled: var(--icon-disabled);--button-background-state-warning-tertiary-hovered: var(--bg-warning-secondary-hover);--button-background-state-warning-tertiary-pressed: transparent;--button-background-state-warning-tertiary-focused: transparent;--button-background-state-warning-tertiary-disabled: transparent;--button-text-state-warning-tertiary-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-warning-tertiary-disabled: var(--text-state-secondary-disabled);--button-icon-state-warning-tertiary-disabled: var(--icon-disabled);--button-background-state-vivid-hovered: var(--bg-vivid-hover-87);--button-background-state-vivid-pressed: var(--bg-vivid);--button-background-state-vivid-focused: var(--bg-vivid);--button-background-state-vivid-disabled: var(--bg-tertiary);--button-text-state-vivid-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-vivid-disabled: var(--text-tertiary);--button-icon-state-vivid-disabled: var(--icon-disabled);--button-background-state-vivid-secondary-hovered: var(--bg-vivid-secondary-hover);--button-background-state-vivid-secondary-pressed: var(--bg-vivid-secondary);--button-background-state-vivid-secondary-focused: var(--bg-vivid-secondary);--button-background-state-vivid-secondary-disabled: var(--bg-disabled);--button-text-state-vivid-secondary-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-vivid-secondary-disabled: var(--text-state-secondary-disabled);--button-icon-state-vivid-secondary-disabled: var(--icon-disabled);--button-background-state-vivid-tertiary-hovered: var(--bg-vivid-secondary-hover);--button-background-state-vivid-tertiary-pressed: transparent;--button-background-state-vivid-tertiary-focused: transparent;--button-background-state-vivid-tertiary-disabled: transparent;--button-text-state-vivid-tertiary-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-vivid-tertiary-disabled: var(--text-state-secondary-disabled);--button-icon-state-vivid-tertiary-disabled: var(--icon-disabled);--button-background-state-blue-hovered: var(--bg-blue-hover);--button-background-state-blue-pressed: var(--bg-blue);--button-background-state-blue-focused: var(--bg-blue);--button-background-state-blue-disabled: var(--bg-tertiary);--button-text-state-blue-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-blue-disabled: var(--text-tertiary);--button-icon-state-blue-disabled: var(--icon-disabled);--button-background-state-blue-secondary-hovered: var(--bg-blue-secondary-hover);--button-background-state-blue-secondary-pressed: var(--bg-blue-secondary);--button-background-state-blue-secondary-focused: var(--bg-blue-secondary);--button-background-state-blue-secondary-disabled: var(--bg-disabled);--button-text-state-blue-secondary-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-blue-secondary-disabled: var(--text-state-secondary-disabled);--button-icon-state-blue-secondary-disabled: var(--icon-disabled);--button-background-state-blue-tertiary-hovered: var(--bg-blue-secondary-hover);--button-background-state-blue-tertiary-pressed: transparent;--button-background-state-blue-tertiary-focused: transparent;--button-background-state-blue-tertiary-disabled: transparent;--button-text-state-blue-tertiary-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-blue-tertiary-disabled: var(--text-state-secondary-disabled);--button-icon-state-blue-tertiary-disabled: var(--icon-disabled);--button-stroke-state-neutral-focused-accessible: var(--stroke-accent-disabled);--button-stroke-state-accent-focused-accessible: var(--stroke-accent-disabled);--button-stroke-state-positive-focused-accessible: var(--stroke-accent-disabled);--button-stroke-state-negative-focused-accessible: var(--stroke-accent-disabled);--button-stroke-state-contrast-focused-accessible: var(--stroke-accent-disabled);--button-stroke-state-gray-focused-accessible: var(--stroke-accent-disabled);--button-stroke-state-dreamy-focused-accessible: var(--stroke-accent-disabled);--button-stroke-state-special-focused-accessible: var(--stroke-accent-disabled);--button-stroke-state-lovely-focused-accessible: var(--stroke-accent-disabled);--button-stroke-state-warning-focused-accessible: var(--stroke-accent-disabled);--button-stroke-state-vivid-focused-accessible: var(--stroke-accent-disabled);--button-stroke-state-blue-focused-accessible: var(--stroke-accent-disabled);--semantic-borderRadius-form: 12px;--semantic-borderRadius-200: 8px;--semantic-borderWidth-tab-focused: 4px;--semantic-animation-ease-in-out-200: background-color .2s ease-in-out;--semantic-animation-ease-in-out-400: background-color .4s ease-in-out;--semantic-color-animation-ease-in-out-400: color .4s ease-in-out;--semantic-scale-pressed: .96;--back-button-text: var(--text-primary);--back-button-icon: var(--icon-secondary);--back-button-icon-state-hovered: var(--icon-primary);--back-button-text-disabled: var(--text-state-primary-disabled);--back-button-icon-disabled: var(--icon-tertiary)}[data-skillgridDarkTheme=true]{--button-background-neutral: var(--base-gray-100);--button-text-neutral: var(--base-gray-0);--button-postfix-text-neutral: var(--base-graphite-55);--button-icon-neutral: var(--base-gray-0);--button-background-neutral-secondary: var(--bg-dark-secondary);--button-text-neutral-secondary: var(--text-invert);--button-postfix-text-neutral-secondary: var(--text-secondary);--button-icon-neutral-secondary: var(--icon-contrast);--button-background-neutral-tertiary: transparent;--button-text-neutral-tertiary: var(--text-primary);--button-postfix-text-neutral-tertiary: var(--text-secondary);--button-icon-neutral-tertiary: var(--icon-primary);--button-background-state-accent-secondary: var(--brand-primary-100);--button-text-accent-secondary: var(--brand-primary-900);--button-background-state-accent-secondary-hovered: var(--brand-primary-150);--button-background-state-accent-secondary-pressed: var(--brand-primary-100);--button-background-state-accent-secondary-disabled: var(--bg-tertiary);--button-text-state-accent-disabled: var(--base-graphite-80);--button-postfix-text-state-accent-disabled: var(--base-graphite-60);--button-icon-state-accent-disabled: var(--base-graphite-80);--button-background-positive-secondary: var(--base-green-10);--button-text-positive-secondary: var(--base-green-90);--button-postfix-text-positive-secondary: var(--base-green-65);--button-background-state-positive-secondary-hovered: var(--base-green-15);--button-background-state-positive-secondary-pressed: var(--base-green-10);--button-background-state-positive-secondary-disabled: var(--bg-tertiary);--button-text-state-positive-disabled: var(--base-graphite-80);--button-postfix-text-state-positive-disabled: var(--base-graphite-60);--button-icon-state-positive-disabled: var(--base-graphite-80);--button-background-negative-secondary: var(--base-red-10);--button-text-negative-secondary: var(--base-red-90);--button-postfix-text-negative-secondary: var(--base-red-55);--button-background-state-negative-secondary-hovered: var(--base-red-15);--button-background-state-negative-secondary-pressed: var(--base-red-10);--button-background-state-negative-secondary-disabled: var(--bg-tertiary);--button-text-state-negative-disabled: var(--base-graphite-80);--button-postfix-text-state-negative-disabled: var(--base-graphite-60);--button-icon-state-negative-disabled: var(--base-graphite-80);--button-background-state-neutral-hovered: var(--base-graphite-96);--button-background-state-neutral-pressed: var(--base-graphite-90);--button-background-state-neutral-focused: var(--button-background-state-neutral-pressed);--button-background-state-neutral-disabled: var(--base-graphite-75);--button-text-state-neutral-disabled: var(--text-state-primary-disabled);--button-postfix-text-state-neutral-disabled: var(--text-tertiary);--button-icon-state-neutral-disabled: var(--text-state-primary-disabled);--button-background-state-neutral-secondary-hovered: var(--base-graphite-20);--button-background-state-neutral-secondary-pressed: var(--base-graphite-10);--button-background-state-neutral-secondary-disabled: var(--bg-dark-secondary-disabled);--button-background-state-neutral-tertiary-hovered: var(--base-graphite-20);--button-background-state-neutral-tertiary-pressed: var(--base-graphite-10);--button-background-state-neutral-tertiary-disabled: var(--bg-dark-secondary-disabled);--button-background-state-negative-tertiary-hovered: var(--base-red-20)}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import d from "classnames";
|
|
3
|
-
import
|
|
4
|
-
import v from "./
|
|
5
|
-
import {
|
|
3
|
+
import g from "./AvatarGroup.module.css.js";
|
|
4
|
+
import { AvatarGroupProvider as v } from "./AvatarGroupProvider.js";
|
|
5
|
+
import { useBackgroundColor as B } from "../../../hooks/useBackgroundColor.js";
|
|
6
6
|
const G = (t) => {
|
|
7
7
|
const {
|
|
8
8
|
children: a,
|
|
@@ -12,12 +12,12 @@ const G = (t) => {
|
|
|
12
12
|
cutoutBackground: u,
|
|
13
13
|
className: m,
|
|
14
14
|
style: n
|
|
15
|
-
} = t, { ref: p, bgColor: f } =
|
|
15
|
+
} = t, { ref: p, bgColor: f } = B(), o = u || f || "#ffffff", l = d(g.avatarGroup, m), i = {
|
|
16
16
|
"--avatar-cutout-bg": o,
|
|
17
17
|
...n
|
|
18
18
|
};
|
|
19
19
|
return /* @__PURE__ */ r(
|
|
20
|
-
|
|
20
|
+
v,
|
|
21
21
|
{
|
|
22
22
|
size: s,
|
|
23
23
|
shape: c,
|
|
@@ -2,7 +2,7 @@ import { jsxs as c, jsx as a } from "react/jsx-runtime";
|
|
|
2
2
|
import { useMemo as u, useLayoutEffect as l, Fragment as p } from "react";
|
|
3
3
|
import { useConfig as k, ConfigContext as g } from "./ConfigProvider.hook.js";
|
|
4
4
|
import { clsx as h } from "clsx";
|
|
5
|
-
import y from "../../styles/brand.module.
|
|
5
|
+
import y from "../../styles/brand.module.css2.js";
|
|
6
6
|
import T from "../../styles/tokens.module.css.js";
|
|
7
7
|
import b from "../../styles/palette.module.css.js";
|
|
8
8
|
import v from "../../styles/link.module.css.js";
|
|
@@ -2,11 +2,11 @@ import { jsxs as m, jsx as a } from "react/jsx-runtime";
|
|
|
2
2
|
import { clsx as p } from "clsx";
|
|
3
3
|
import Ge from "rc-upload";
|
|
4
4
|
import { forwardRef as je, useContext as Fe, useState as W, useRef as se, useMemo as we, useLayoutEffect as He } from "react";
|
|
5
|
-
import { useIsMobile as ze } from "../../hooks/useIsMobile.js";
|
|
6
5
|
import { interpolate as de } from "../../locale/interpolate.js";
|
|
7
6
|
import t from "./FileUpload.module.css.js";
|
|
8
7
|
import { isMobileViewport as ve } from "../../utils/adaptive.js";
|
|
9
8
|
import { useLocale as ue } from "../ConfigProvider/ConfigProvider.hook.js";
|
|
9
|
+
import { useIsMobile as ze } from "../../hooks/useIsMobile.js";
|
|
10
10
|
import { SnackbarContext as We } from "../Snackbar/lib/useSnackbar.js";
|
|
11
11
|
import { Button as M } from "../Button/Button.js";
|
|
12
12
|
import { Icon as h } from "../Icon/IconWithCategories.js";
|