@easygov/react-components 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +43 -0
- package/dist/NotoSans-Italic-VariableFont.woff2 +0 -0
- package/dist/NotoSans-VariableFont.woff2 +0 -0
- package/dist/chunk-VQPRDBZS.mjs +2 -0
- package/dist/chunk-VQPRDBZS.mjs.map +1 -0
- package/dist/easygov.css +2 -0
- package/dist/easygov.css.map +1 -0
- package/dist/easygov.d.mts +140 -0
- package/dist/easygov.mjs +2 -0
- package/dist/easygov.mjs.map +1 -0
- package/dist/fonts.css +2 -0
- package/dist/fonts.css.map +1 -0
- package/dist/fonts.d.mts +2 -0
- package/dist/icons.css +2 -0
- package/dist/icons.css.map +1 -0
- package/dist/icons.d.mts +438 -0
- package/dist/icons.mjs +2 -0
- package/dist/icons.mjs.map +1 -0
- package/package.json +73 -0
package/dist/easygov.css
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
:root{--eg-color-neutral-white: #ffffff;--eg-color-neutral-black-20: #d2d2d2;--eg-color-neutral-black-50: #8e8e8f;--eg-color-neutral-black-60: #777779;--eg-color-neutral-black-100: #1d1d1f;--eg-color-neutral-black-30: #bbbbbc;--eg-color-neutral-black-40: #a5a5a5;--eg-color-neutral-black-80: #4a4a4c;--eg-color-primary-royal-blue: #10069f;--eg-color-primary-lila: #bbbbff;--eg-color-primary-lila-20: #f1f1ff;--eg-color-primary-dark-red: #a80927;--eg-space-0: 0px;--eg-space-25: 4px;--eg-space-50: 8px;--eg-space-75: 12px;--eg-space-100: 16px;--eg-space-125: 20px;--eg-border-radius-none: 0px;--eg-border-radius-xs: 4px;--eg-border-radius-s: 6px;--eg-border-weight-m: 2px;--eg-border-weight-l: 3px;--eg-icon-size-s: 16px;--eg-icon-size-m: 20px;--eg-icon-size-l: 24px;--eg-font-family-base: "Noto Sans";--eg-font-size-750: 12px;--eg-font-size-875: 14px;--eg-font-size-1000: 16px;--eg-font-size-1125: 18px;--eg-font-line-height-1: 16px;--eg-font-line-height-2: 20px;--eg-font-line-height-3: 24px;--eg-font-weight-regular: 300;--eg-font-letter-spacing-none: 0px}.eg-button{--eg-button-border-color: transparent;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;gap:var(--eg-space-75);padding-inline:var(--eg-space-125);border:none;box-shadow:inset 0 0 0 var(--eg-border-weight-m) var(--eg-button-border-color);border-radius:var(--eg-border-radius-xs);font-family:var(--eg-font-family-base);font-weight:var(--eg-font-weight-regular);letter-spacing:var(--eg-font-letter-spacing-none);white-space:nowrap;text-decoration:none;cursor:pointer;outline:none;user-select:none;transition:background-color .15s ease,box-shadow .15s ease,color .15s ease}.eg-button:focus-visible{outline:var(--eg-border-weight-m) solid var(--eg-color-primary-royal-blue);outline-offset:2px}.eg-button:disabled,.eg-button[data-disabled]{cursor:not-allowed;pointer-events:none}.eg-button--size-l{padding-block:var(--eg-space-75);font-size:var(--eg-font-size-1000);line-height:var(--eg-font-line-height-3)}.eg-button--size-m{padding-block:var(--eg-space-50);font-size:var(--eg-font-size-1000);line-height:var(--eg-font-line-height-3)}.eg-button--size-s{padding-block:var(--eg-space-50);font-size:var(--eg-font-size-875);line-height:var(--eg-font-line-height-2)}.eg-button svg{width:20px;height:20px;flex-shrink:0;pointer-events:none;transform:scale(.8);transition:transform .15s ease}.eg-button:hover svg,.eg-button:focus-visible svg{transform:scale(1)}.eg-button--primary{background-color:var(--eg-color-primary-royal-blue);--eg-button-border-color: var(--eg-color-primary-royal-blue);color:var(--eg-color-neutral-white)}.eg-button--primary:hover,.eg-button--primary:focus-visible{background-color:var(--eg-color-primary-lila-20);--eg-button-border-color: var(--eg-color-primary-royal-blue);color:var(--eg-color-primary-royal-blue)}.eg-button--primary:disabled,.eg-button--primary[data-disabled]{background-color:var(--eg-color-neutral-black-50);--eg-button-border-color: var(--eg-color-neutral-black-50);color:var(--eg-color-neutral-black-20)}.eg-button--secondary{background-color:var(--eg-color-neutral-white);--eg-button-border-color: var(--eg-color-primary-royal-blue);color:var(--eg-color-primary-royal-blue)}.eg-button--secondary:hover,.eg-button--secondary:focus-visible{background-color:var(--eg-color-primary-lila);--eg-button-border-color: var(--eg-color-primary-royal-blue);color:var(--eg-color-primary-royal-blue)}.eg-button--secondary:disabled,.eg-button--secondary[data-disabled]{background-color:var(--eg-color-neutral-black-20);--eg-button-border-color: var(--eg-color-neutral-black-50);color:var(--eg-color-neutral-black-50)}.eg-button--critical{background-color:var(--eg-color-primary-dark-red);--eg-button-border-color: var(--eg-color-primary-dark-red);color:var(--eg-color-neutral-white)}.eg-button--critical:hover,.eg-button--critical:focus-visible{background-color:var(--eg-color-neutral-white);--eg-button-border-color: var(--eg-color-primary-dark-red);color:var(--eg-color-primary-dark-red)}.eg-button--critical:focus-visible{outline-color:var(--eg-color-primary-dark-red)}.eg-button--critical:disabled,.eg-button--critical[data-disabled]{background-color:var(--eg-color-neutral-black-50);--eg-button-border-color: var(--eg-color-neutral-black-50);color:var(--eg-color-neutral-black-20)}.eg-button--tertiary{background-color:transparent;color:var(--eg-color-primary-royal-blue)}.eg-button--tertiary:hover,.eg-button--tertiary:focus-visible{color:var(--eg-color-primary-royal-blue);text-decoration:underline}.eg-button--tertiary:disabled,.eg-button--tertiary[data-disabled]{color:var(--eg-color-neutral-black-50);text-decoration:none}.eg-icon{display:inline-block;flex-shrink:0;fill:currentColor;vertical-align:middle}.eg-icon--size-s{width:var(--eg-icon-size-s);height:var(--eg-icon-size-s)}.eg-icon--size-m{width:var(--eg-icon-size-m);height:var(--eg-icon-size-m)}.eg-icon--size-l{width:var(--eg-icon-size-l);height:var(--eg-icon-size-l)}.eg-dropdown-label{display:block;font-family:var(--eg-font-family-base);font-size:var(--eg-font-size-750);line-height:var(--eg-font-line-height-1);font-weight:var(--eg-font-weight-regular);letter-spacing:var(--eg-font-letter-spacing-none);color:var(--eg-color-neutral-black-60)}.eg-dropdown-label[data-disabled]{color:var(--eg-color-neutral-black-30)}.eg-dropdown-helper-text{display:block;font-family:var(--eg-font-family-base);font-weight:var(--eg-font-weight-regular);letter-spacing:var(--eg-font-letter-spacing-none);color:var(--eg-color-neutral-black-60);font-size:var(--eg-font-size-875);line-height:var(--eg-font-line-height-2)}.eg-dropdown-trigger{--eg-dropdown-border-color: var(--eg-color-neutral-black-30);--eg-dropdown-border-weight: var(--eg-border-weight-m);position:relative;display:flex;align-items:center;gap:var(--eg-space-50);background:var(--eg-color-neutral-white);border:none;box-shadow:inset 0 0 0 var(--eg-dropdown-border-weight) var(--eg-dropdown-border-color);border-radius:var(--eg-border-radius-xs);box-sizing:border-box;cursor:text;transition:box-shadow .15s ease,outline-color .15s ease;outline:none}.eg-dropdown-trigger:hover{--eg-dropdown-border-color: var(--eg-color-primary-royal-blue)}.eg-dropdown-trigger:has(.eg-dropdown-input:focus-visible):not([data-popup-open]){--eg-dropdown-border-color: var(--eg-color-primary-royal-blue);outline:var(--eg-border-weight-m) solid var(--eg-color-primary-royal-blue);outline-offset:3px}.eg-dropdown-trigger[data-popup-open]{--eg-dropdown-border-weight: var(--eg-border-weight-l);--eg-dropdown-border-color: var(--eg-color-primary-royal-blue)}.eg-dropdown-trigger[data-invalid]{--eg-dropdown-border-color: var(--eg-color-primary-dark-red)}.eg-dropdown-trigger[data-disabled]{cursor:not-allowed;pointer-events:none}.eg-dropdown-trigger--size-l{height:52px;padding-inline:var(--eg-space-100)}.eg-dropdown-trigger--size-m{height:40px;padding-inline:var(--eg-space-75)}.eg-dropdown-trigger--size-s{height:32px;padding-inline:var(--eg-space-75)}.eg-dropdown-trigger>.eg-icon{flex-shrink:0;color:var(--eg-color-neutral-black-60)}.eg-dropdown-trigger[data-disabled]>.eg-icon{color:var(--eg-color-neutral-black-30)}.eg-dropdown-input{flex:1 0 0;min-width:0;height:100%;padding:0 var(--eg-space-25);background:transparent;border:none;outline:none;font-family:var(--eg-font-family-base);font-weight:var(--eg-font-weight-regular);letter-spacing:var(--eg-font-letter-spacing-none);color:var(--eg-color-neutral-black-100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eg-dropdown-input::placeholder{color:var(--eg-color-neutral-black-60)}.eg-dropdown-trigger[data-disabled] .eg-dropdown-input{color:var(--eg-color-neutral-black-30)}.eg-dropdown-trigger[data-disabled] .eg-dropdown-input::placeholder{color:var(--eg-color-neutral-black-30)}.eg-dropdown-trigger--size-l .eg-dropdown-input{font-size:var(--eg-font-size-1125);line-height:var(--eg-font-line-height-3)}.eg-dropdown-trigger--size-m .eg-dropdown-input{font-size:var(--eg-font-size-1000);line-height:var(--eg-font-line-height-3)}.eg-dropdown-trigger--size-s .eg-dropdown-input{font-size:var(--eg-font-size-875);line-height:var(--eg-font-line-height-2)}.eg-dropdown-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--eg-icon-size-m);height:var(--eg-icon-size-m);background:none;border:none;padding:0;cursor:pointer;color:var(--eg-color-neutral-black-100);transition:transform .15s ease}.eg-dropdown-trigger[data-disabled] .eg-dropdown-toggle{color:var(--eg-color-neutral-black-30);cursor:not-allowed}.eg-dropdown-trigger[data-popup-open] .eg-dropdown-toggle{transform:rotate(180deg)}.eg-droplist{background:var(--eg-color-neutral-white);border:var(--eg-border-weight-m) solid var(--eg-color-neutral-black-20);box-shadow:0 3px 40px -8px #0003;border-radius:var(--eg-border-radius-s);width:var(--anchor-width);min-width:var(--eg-droplist-min-width, 200px);padding-block:var(--eg-space-50);overflow:hidden;box-sizing:border-box}.eg-droplist__list{display:flex;flex-direction:column;outline:none}.eg-dropdown-group-label{display:flex;align-items:center;gap:var(--eg-space-75);padding:var(--eg-space-75) var(--eg-space-100);font-family:var(--eg-font-family-base);font-size:var(--eg-font-size-875);line-height:var(--eg-font-line-height-2);font-weight:var(--eg-font-weight-regular);letter-spacing:var(--eg-font-letter-spacing-none);color:var(--eg-color-neutral-black-60);user-select:none}.eg-dropdown-item{--eg-dropdown-item-bg: var(--eg-color-neutral-white);--eg-dropdown-item-color: var(--eg-color-neutral-black-60);position:relative;display:flex;align-items:center;gap:var(--eg-space-75);padding:var(--eg-space-75) var(--eg-space-100);border-radius:var(--eg-border-radius-s);background:var(--eg-dropdown-item-bg);color:var(--eg-dropdown-item-color);font-family:var(--eg-font-family-base);font-size:var(--eg-font-size-875);line-height:var(--eg-font-line-height-2);font-weight:var(--eg-font-weight-regular);letter-spacing:var(--eg-font-letter-spacing-none);cursor:pointer;outline:none;user-select:none;transition:background-color .1s ease,color .1s ease}.eg-dropdown-item[data-highlighted]{--eg-dropdown-item-bg: var(--eg-color-primary-lila-20);--eg-dropdown-item-color: var(--eg-color-neutral-black-100)}.eg-dropdown-item:focus-visible{outline:var(--eg-border-weight-m) solid var(--eg-color-primary-royal-blue);outline-offset:-1px}.eg-dropdown-item[data-selected]{--eg-dropdown-item-color: var(--eg-color-primary-royal-blue);--eg-dropdown-item-bg: var(--eg-color-neutral-white)}.eg-dropdown-item[data-selected][data-highlighted]{--eg-dropdown-item-bg: var(--eg-color-primary-lila-20);--eg-dropdown-item-color: var(--eg-color-primary-royal-blue)}.eg-dropdown-item[data-disabled]{--eg-dropdown-item-color: var(--eg-color-neutral-black-30);cursor:not-allowed;pointer-events:none}.eg-dropdown-item>.eg-icon{flex-shrink:0}.eg-dropdown-item__text{flex:1 0 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eg-dropdown-item__indicator{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:auto;width:var(--eg-icon-size-m);height:var(--eg-icon-size-m);color:var(--eg-color-primary-royal-blue)}.eg-dropdown-empty:empty{padding:0}.eg-dropdown-empty{padding:var(--eg-space-75) var(--eg-space-100);font-family:var(--eg-font-family-base);font-size:var(--eg-font-size-875);line-height:var(--eg-font-line-height-2);font-weight:var(--eg-font-weight-regular);color:var(--eg-color-neutral-black-60);text-align:center}.eg-dropdown-separator{height:1px;margin:var(--eg-space-25) 0;background:var(--eg-color-neutral-black-20)}.eg-dropdown-item__checkbox{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--eg-icon-size-m);height:var(--eg-icon-size-m);color:var(--eg-color-neutral-black-60)}.eg-dropdown-item .eg-dropdown-item__checkbox-icon--checked{display:none}.eg-dropdown-item .eg-dropdown-item__checkbox-icon--unchecked{display:inline-block}.eg-dropdown-item[data-selected] .eg-dropdown-item__checkbox-icon--checked{display:flex;color:var(--eg-color-primary-royal-blue)}.eg-dropdown-item[data-selected] .eg-dropdown-item__checkbox-icon--unchecked{display:none}.eg-dropdown-chips-trigger{flex-wrap:nowrap;align-items:center;cursor:default}.eg-dropdown-chips-list{display:flex;flex-wrap:nowrap;gap:var(--eg-space-25);align-items:center;overflow:hidden;flex:0 1 auto;min-width:0}.eg-dropdown-chips-trigger .eg-dropdown-chip{--eg-chip-border-color: var(--eg-color-neutral-black-30);--eg-chip-bg: transparent;--eg-chip-color: var(--eg-color-neutral-black-60);--eg-chip-remove-hover-bg: var(--eg-color-neutral-black-20);display:inline-flex;align-items:center;gap:var(--eg-space-25);padding:2px var(--eg-space-75);border:none;box-shadow:inset 0 0 0 var(--eg-border-weight-m) var(--eg-chip-border-color);border-radius:9999px;background:var(--eg-chip-bg);color:var(--eg-chip-color);font-family:var(--eg-font-family-base);font-size:var(--eg-font-size-875);line-height:var(--eg-font-line-height-2);font-weight:var(--eg-font-weight-regular);user-select:none;flex-shrink:0;white-space:nowrap;transition:box-shadow .15s ease,background-color .15s ease,color .15s ease}.eg-dropdown-trigger:hover .eg-dropdown-chip,.eg-dropdown-trigger:has(.eg-dropdown-input:focus-visible) .eg-dropdown-chip,.eg-dropdown-trigger[data-popup-open] .eg-dropdown-chip{--eg-chip-border-color: var(--eg-color-primary-royal-blue);--eg-chip-bg: var(--eg-color-primary-lila-20);--eg-chip-color: var(--eg-color-primary-royal-blue);--eg-chip-remove-hover-bg: var(--eg-color-primary-lila)}.eg-dropdown-chips-trigger .eg-dropdown-chip[data-disabled]{opacity:.4;cursor:not-allowed}.eg-dropdown-chips-trigger .eg-dropdown-chip__label{white-space:nowrap}.eg-dropdown-chips-trigger .eg-dropdown-chip__remove{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:inherit;flex-shrink:0;border-radius:2px}.eg-dropdown-chips-trigger .eg-dropdown-chip__remove:hover{background:var(--eg-chip-remove-hover-bg)}.eg-dropdown-chips-trigger .eg-dropdown-chip[data-disabled] .eg-dropdown-chip__remove{pointer-events:none}.eg-dropdown-trigger--size-m .eg-dropdown-chip{font-size:var(--eg-font-size-1000);line-height:var(--eg-font-line-height-3);padding-block:var(--eg-space-25)}.eg-dropdown-trigger--size-l .eg-dropdown-chip{font-size:var(--eg-font-size-1125);line-height:var(--eg-font-line-height-3);padding-block:var(--eg-space-50)}.eg-dropdown-chips-overflow{flex-shrink:0;white-space:nowrap;font-family:var(--eg-font-family-base);font-size:var(--eg-font-size-875);line-height:var(--eg-font-line-height-2);color:var(--eg-color-neutral-black-60);user-select:none;cursor:default}.eg-input-field{display:flex;flex-direction:column;width:100%;gap:var(--eg-space-50)}.eg-input-field--size-m,.eg-input-field--size-s{gap:var(--eg-space-25)}.eg-input-field__label{font-family:var(--eg-font-family-base);font-weight:var(--eg-font-weight-regular);font-size:var(--eg-font-size-750);line-height:var(--eg-font-line-height-1);letter-spacing:var(--eg-font-letter-spacing-none);color:var(--eg-color-neutral-black-60)}.eg-input-field[data-disabled] .eg-input-field__label{color:var(--eg-color-neutral-black-30)}.eg-input-field__frame{--eg-input-border-color: var(--eg-color-neutral-black-30);--eg-input-border-weight: var(--eg-border-weight-m);display:flex;align-items:center;gap:var(--eg-space-50);padding-inline-start:var(--eg-space-100);padding-inline-end:var(--eg-space-50);border:none;box-shadow:inset 0 0 0 var(--eg-input-border-weight) var(--eg-input-border-color);border-radius:var(--eg-border-radius-xs);background-color:var(--eg-color-neutral-white);box-sizing:border-box;width:100%;position:relative;transition:box-shadow .15s ease,outline-color .15s ease}.eg-input-field__frame:hover:not([data-focused]){--eg-input-border-color: var(--eg-color-primary-royal-blue)}.eg-input-field__frame[data-focused]{--eg-input-border-color: var(--eg-color-primary-royal-blue);outline:var(--eg-border-weight-m) solid var(--eg-color-primary-royal-blue);outline-offset:3px}.eg-input-field__frame[data-focused][data-filled]{--eg-input-border-weight: var(--eg-border-weight-l);outline:none}.eg-input-field--invalid .eg-input-field__frame{--eg-input-border-color: var(--eg-color-primary-dark-red);--eg-input-border-weight: var(--eg-border-weight-m)}.eg-input-field[data-disabled] .eg-input-field__frame{--eg-input-border-color: var(--eg-color-neutral-black-30);--eg-input-border-weight: var(--eg-border-weight-m);pointer-events:none}.eg-input-field--size-l .eg-input-field__frame{padding-block:var(--eg-space-75)}.eg-input-field--size-m .eg-input-field__frame,.eg-input-field--size-s .eg-input-field__frame{padding-block:var(--eg-space-50)}.eg-input{flex:1;min-width:0;border:none;outline:none;background:transparent;padding:0 var(--eg-space-25);font-family:var(--eg-font-family-base);font-weight:var(--eg-font-weight-regular);letter-spacing:var(--eg-font-letter-spacing-none);color:var(--eg-color-neutral-black-100);appearance:none}.eg-input::placeholder{color:var(--eg-color-neutral-black-60)}.eg-input:disabled{color:var(--eg-color-neutral-black-30);cursor:not-allowed}.eg-input-field--size-l .eg-input{font-size:var(--eg-font-size-1125);line-height:var(--eg-font-line-height-3)}.eg-input-field--size-m .eg-input{font-size:var(--eg-font-size-1000);line-height:var(--eg-font-line-height-3)}.eg-input-field--size-s .eg-input{font-size:var(--eg-font-size-875);line-height:var(--eg-font-line-height-2)}.eg-input-field__leading,.eg-input-field__trailing{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px}.eg-input-field__leading svg,.eg-input-field__trailing svg{width:var(--eg-icon-size-s);height:var(--eg-icon-size-s);flex-shrink:0;color:var(--eg-color-neutral-black-100)}.eg-input-field--invalid .eg-input-field__trailing svg{width:var(--eg-icon-size-m);height:var(--eg-icon-size-m);color:var(--eg-color-primary-dark-red)}.eg-input-field[data-disabled] .eg-input-field__leading svg,.eg-input-field[data-disabled] .eg-input-field__trailing svg{color:var(--eg-color-neutral-black-30)}.eg-input-field__helper{font-family:var(--eg-font-family-base);font-weight:var(--eg-font-weight-regular);letter-spacing:var(--eg-font-letter-spacing-none);color:var(--eg-color-neutral-black-60)}.eg-input-field--invalid .eg-input-field__helper{color:var(--eg-color-primary-dark-red)}.eg-input-field[data-disabled] .eg-input-field__helper{color:var(--eg-color-neutral-black-30)}.eg-input-field--size-l .eg-input-field__helper{font-size:var(--eg-font-size-875);line-height:var(--eg-font-line-height-2)}.eg-input-field--size-m .eg-input-field__helper,.eg-input-field--size-s .eg-input-field__helper{font-size:var(--eg-font-size-750);line-height:var(--eg-font-line-height-1)}.eg-text-link{--eg-text-link-color: var(--eg-color-primary-royal-blue);display:inline-flex;align-items:center;gap:var(--eg-space-50);border-radius:var(--eg-border-radius-xs);font-family:var(--eg-font-family-base);font-weight:var(--eg-font-weight-regular);letter-spacing:var(--eg-font-letter-spacing-none);color:var(--eg-text-link-color);text-decoration:underline;text-underline-position:from-font;cursor:pointer;outline:none;white-space:nowrap;transition:color .15s ease}.eg-text-link:hover,.eg-text-link:focus-visible{text-decoration:none}.eg-text-link:focus-visible{outline:var(--eg-border-weight-m) solid var(--eg-color-primary-royal-blue);outline-offset:2px}.eg-text-link[aria-disabled=true]{pointer-events:none;cursor:not-allowed}.eg-text-link svg{width:var(--eg-icon-size-m);height:var(--eg-icon-size-m);flex-shrink:0;pointer-events:none;transform:scale(.8);transition:transform .15s ease}.eg-text-link:hover svg,.eg-text-link:focus-visible svg{transform:scale(1)}.eg-text-link--size-l{font-size:var(--eg-font-size-1000);line-height:var(--eg-font-line-height-3)}.eg-text-link--size-s{font-size:var(--eg-font-size-875);line-height:var(--eg-font-line-height-2)}.eg-text-link[aria-disabled=true]{--eg-text-link-color: var(--eg-text-link-color-disabled)}.eg-text-link--primary{--eg-text-link-color: var(--eg-color-primary-royal-blue);--eg-text-link-color-disabled: var(--eg-color-neutral-black-50)}.eg-text-link--secondary{--eg-text-link-color: var(--eg-color-neutral-black-80);--eg-text-link-color-disabled: var(--eg-color-neutral-black-30)}.eg-text-link--inverse{--eg-text-link-color: var(--eg-color-neutral-black-40);--eg-text-link-color-disabled: var(--eg-color-neutral-black-80)}.eg-logo{display:inline-block;flex-shrink:0;width:auto}
|
|
2
|
+
/*# sourceMappingURL=easygov.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../design-tokens/dist/eg-tokens.css","../src/ui/Button/Button.css","../src/icons/icon.css","../src/ui/Dropdown/Dropdown.css","../src/ui/Input/Input.css","../src/ui/TextLink/TextLink.css","../src/logos/logo.css"],"sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --eg-color-neutral-white: #ffffff;\n --eg-color-neutral-black-20: #d2d2d2;\n --eg-color-neutral-black-50: #8e8e8f;\n --eg-color-neutral-black-60: #777779;\n --eg-color-neutral-black-100: #1d1d1f;\n --eg-color-neutral-black-30: #bbbbbc;\n --eg-color-neutral-black-40: #a5a5a5;\n --eg-color-neutral-black-80: #4a4a4c;\n --eg-color-primary-royal-blue: #10069f;\n --eg-color-primary-lila: #bbbbff;\n --eg-color-primary-lila-20: #f1f1ff;\n --eg-color-primary-dark-red: #a80927;\n --eg-space-0: 0px;\n --eg-space-25: 4px;\n --eg-space-50: 8px;\n --eg-space-75: 12px;\n --eg-space-100: 16px;\n --eg-space-125: 20px;\n --eg-border-radius-none: 0px;\n --eg-border-radius-xs: 4px;\n --eg-border-radius-s: 6px;\n --eg-border-weight-m: 2px;\n --eg-border-weight-l: 3px;\n --eg-icon-size-s: 16px;\n --eg-icon-size-m: 20px;\n --eg-icon-size-l: 24px;\n --eg-font-family-base: 'Noto Sans';\n --eg-font-size-750: 12px;\n --eg-font-size-875: 14px;\n --eg-font-size-1000: 16px;\n --eg-font-size-1125: 18px;\n --eg-font-line-height-1: 16px;\n --eg-font-line-height-2: 20px;\n --eg-font-line-height-3: 24px;\n --eg-font-weight-regular: 300;\n --eg-font-letter-spacing-none: 0px;\n}\n",".eg-button {\n /* Per-variant stroke colour; the stroke itself is drawn as an inset shadow\n (see box-shadow below) so it never grows the box. */\n --eg-button-border-color: transparent;\n\n display: inline-flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n gap: var(--eg-space-75);\n /* Horizontal padding is constant across sizes; vertical padding + font come\n from the size modifiers below. */\n padding-inline: var(--eg-space-125);\n border: none;\n /* Stroke drawn INSIDE the box, mirroring Figma's inside-aligned stroke, so\n the 2px border does not add to the height (a real `border` would add 4px).\n Size L = 24px line + 2×12px padding = exactly 48px. */\n box-shadow: inset 0 0 0 var(--eg-border-weight-m) var(--eg-button-border-color);\n border-radius: var(--eg-border-radius-xs);\n font-family: var(--eg-font-family-base);\n font-weight: var(--eg-font-weight-regular);\n letter-spacing: var(--eg-font-letter-spacing-none);\n white-space: nowrap;\n text-decoration: none;\n cursor: pointer;\n outline: none;\n user-select: none;\n transition:\n background-color 150ms ease,\n box-shadow 150ms ease,\n color 150ms ease;\n}\n\n/* Figma \"Focussed\" state: a 2px ring just outside the button. The button keeps\n its 4px (radius-xs) corners; outline + 2px offset renders the ring at the\n larger 6px (radius-s) radius automatically. Mapped to keyboard focus. */\n.eg-button:focus-visible {\n outline: var(--eg-border-weight-m) solid var(--eg-color-primary-royal-blue);\n outline-offset: 2px;\n}\n\n.eg-button:disabled,\n.eg-button[data-disabled] {\n cursor: not-allowed;\n pointer-events: none;\n}\n\n/* Sizes (from the Figma _M_Button master). Horizontal padding is shared; each\n size sets its vertical padding + type. Heights: L 48px, M 40px, S 36px. */\n.eg-button--size-l {\n padding-block: var(--eg-space-75);\n font-size: var(--eg-font-size-1000);\n line-height: var(--eg-font-line-height-3);\n}\n.eg-button--size-m {\n padding-block: var(--eg-space-50);\n font-size: var(--eg-font-size-1000);\n line-height: var(--eg-font-line-height-3);\n}\n.eg-button--size-s {\n padding-block: var(--eg-space-50);\n font-size: var(--eg-font-size-875);\n line-height: var(--eg-font-line-height-2);\n}\n\n/* Icons sit in a fixed 20px slot (Figma's icon frame) so the button width\n stays constant. The glyph renders at 16px (scale 0.8) and grows to fill the\n 20px slot on hover/focus — transform keeps it layout-shift free. */\n.eg-button svg {\n width: 20px;\n height: 20px;\n flex-shrink: 0;\n pointer-events: none;\n transform: scale(0.8);\n transition: transform 150ms ease;\n}\n.eg-button:hover svg,\n.eg-button:focus-visible svg {\n transform: scale(1);\n}\n\n/* Primary */\n.eg-button--primary {\n background-color: var(--eg-color-primary-royal-blue);\n --eg-button-border-color: var(--eg-color-primary-royal-blue);\n color: var(--eg-color-neutral-white);\n}\n.eg-button--primary:hover,\n.eg-button--primary:focus-visible {\n background-color: var(--eg-color-primary-lila-20);\n --eg-button-border-color: var(--eg-color-primary-royal-blue);\n color: var(--eg-color-primary-royal-blue);\n}\n.eg-button--primary:disabled,\n.eg-button--primary[data-disabled] {\n background-color: var(--eg-color-neutral-black-50);\n --eg-button-border-color: var(--eg-color-neutral-black-50);\n color: var(--eg-color-neutral-black-20);\n}\n\n/* Secondary */\n.eg-button--secondary {\n background-color: var(--eg-color-neutral-white);\n --eg-button-border-color: var(--eg-color-primary-royal-blue);\n color: var(--eg-color-primary-royal-blue);\n}\n.eg-button--secondary:hover,\n.eg-button--secondary:focus-visible {\n background-color: var(--eg-color-primary-lila);\n --eg-button-border-color: var(--eg-color-primary-royal-blue);\n color: var(--eg-color-primary-royal-blue);\n}\n.eg-button--secondary:disabled,\n.eg-button--secondary[data-disabled] {\n background-color: var(--eg-color-neutral-black-20);\n --eg-button-border-color: var(--eg-color-neutral-black-50);\n color: var(--eg-color-neutral-black-50);\n}\n\n/* Critical */\n.eg-button--critical {\n background-color: var(--eg-color-primary-dark-red);\n --eg-button-border-color: var(--eg-color-primary-dark-red);\n color: var(--eg-color-neutral-white);\n}\n.eg-button--critical:hover,\n.eg-button--critical:focus-visible {\n background-color: var(--eg-color-neutral-white);\n --eg-button-border-color: var(--eg-color-primary-dark-red);\n color: var(--eg-color-primary-dark-red);\n}\n.eg-button--critical:focus-visible {\n outline-color: var(--eg-color-primary-dark-red);\n}\n.eg-button--critical:disabled,\n.eg-button--critical[data-disabled] {\n background-color: var(--eg-color-neutral-black-50);\n --eg-button-border-color: var(--eg-color-neutral-black-50);\n color: var(--eg-color-neutral-black-20);\n}\n\n/* Tertiary (no fill, no stroke) */\n.eg-button--tertiary {\n background-color: transparent;\n color: var(--eg-color-primary-royal-blue);\n}\n.eg-button--tertiary:hover,\n.eg-button--tertiary:focus-visible {\n color: var(--eg-color-primary-royal-blue);\n text-decoration: underline;\n}\n.eg-button--tertiary:disabled,\n.eg-button--tertiary[data-disabled] {\n color: var(--eg-color-neutral-black-50);\n text-decoration: none;\n}\n","/* Shared icon styling. Color is inherited via `currentColor` (set `color` on\n the icon or any ancestor — e.g. through the consumer's `className`). Size is\n driven by the design-tokens `icon.size` scale (--eg-icon-size-*). */\n.eg-icon {\n display: inline-block;\n flex-shrink: 0;\n fill: currentColor;\n vertical-align: middle;\n}\n\n.eg-icon--size-s {\n width: var(--eg-icon-size-s);\n height: var(--eg-icon-size-s);\n}\n.eg-icon--size-m {\n width: var(--eg-icon-size-m);\n height: var(--eg-icon-size-m);\n}\n.eg-icon--size-l {\n width: var(--eg-icon-size-l);\n height: var(--eg-icon-size-l);\n}\n","/* ============================================================\n Dropdown (Base UI Combobox)\n\n Part map (Figma → CSS class):\n _M_DropdownTrigger → .eg-dropdown-trigger (Combobox.InputGroup)\n _M_DropdownItem → .eg-dropdown-item (Combobox.Item)\n _M_Droplist → .eg-droplist (Combobox.Popup)\n _C_Dropdown states → pseudo-classes + data-attributes below\n ============================================================ */\n\n/* ---- Label ---------------------------------------------------------- */\n\n.eg-dropdown-label {\n display: block;\n font-family: var(--eg-font-family-base);\n font-size: var(--eg-font-size-750);\n line-height: var(--eg-font-line-height-1);\n font-weight: var(--eg-font-weight-regular);\n letter-spacing: var(--eg-font-letter-spacing-none);\n color: var(--eg-color-neutral-black-60);\n}\n\n.eg-dropdown-label[data-disabled] {\n color: var(--eg-color-neutral-black-30);\n}\n\n/* ---- Helper text ----------------------------------------------------- */\n\n.eg-dropdown-helper-text {\n display: block;\n font-family: var(--eg-font-family-base);\n font-weight: var(--eg-font-weight-regular);\n letter-spacing: var(--eg-font-letter-spacing-none);\n color: var(--eg-color-neutral-black-60);\n font-size: var(--eg-font-size-875);\n line-height: var(--eg-font-line-height-2);\n}\n\n/* ---- Trigger / InputGroup ------------------------------------------- */\n\n.eg-dropdown-trigger {\n /* Per-state border colour and weight; drawn as inset shadow so the\n border never adds to the measured height (Figma strokes are inside). */\n --eg-dropdown-border-color: var(--eg-color-neutral-black-30);\n --eg-dropdown-border-weight: var(--eg-border-weight-m);\n\n position: relative;\n display: flex;\n align-items: center;\n gap: var(--eg-space-50);\n background: var(--eg-color-neutral-white);\n border: none;\n box-shadow: inset 0 0 0 var(--eg-dropdown-border-weight)\n var(--eg-dropdown-border-color);\n border-radius: var(--eg-border-radius-xs);\n box-sizing: border-box;\n cursor: text;\n transition:\n box-shadow 150ms ease,\n outline-color 150ms ease;\n outline: none;\n}\n\n/* State=Hover: blue border */\n.eg-dropdown-trigger:hover {\n --eg-dropdown-border-color: var(--eg-color-primary-royal-blue);\n}\n\n/* State=Focussed: blue border + outer ring (keyboard focus only, no ring\n when popup is already open since the list provides visual feedback). */\n.eg-dropdown-trigger:has(.eg-dropdown-input:focus-visible):not(\n [data-popup-open]\n ) {\n --eg-dropdown-border-color: var(--eg-color-primary-royal-blue);\n outline: var(--eg-border-weight-m) solid var(--eg-color-primary-royal-blue);\n outline-offset: 3px;\n}\n\n/* State=Active (popup open): thicker blue border, no ring */\n.eg-dropdown-trigger[data-popup-open] {\n --eg-dropdown-border-weight: var(--eg-border-weight-l);\n --eg-dropdown-border-color: var(--eg-color-primary-royal-blue);\n}\n\n/* State=Error */\n.eg-dropdown-trigger[data-invalid] {\n --eg-dropdown-border-color: var(--eg-color-primary-dark-red);\n}\n\n/* State=Disabled */\n.eg-dropdown-trigger[data-disabled] {\n cursor: not-allowed;\n pointer-events: none;\n}\n\n/* Sizes from _M_DropdownTrigger (heights: L=52px / M=40px / S=32px).\n padding-inline is symmetric so the caret aligns with item checkmarks. */\n.eg-dropdown-trigger--size-l {\n height: 52px;\n padding-inline: var(--eg-space-100);\n}\n.eg-dropdown-trigger--size-m {\n height: 40px;\n padding-inline: var(--eg-space-75);\n}\n.eg-dropdown-trigger--size-s {\n height: 32px;\n padding-inline: var(--eg-space-75);\n}\n\n/* Any icon from the icon library placed directly inside the trigger acts as\n the leading icon — no wrapper component needed. */\n.eg-dropdown-trigger > .eg-icon {\n flex-shrink: 0;\n color: var(--eg-color-neutral-black-60);\n}\n\n.eg-dropdown-trigger[data-disabled] > .eg-icon {\n color: var(--eg-color-neutral-black-30);\n}\n\n/* ---- Input (Combobox.Input) ----------------------------------------- */\n\n.eg-dropdown-input {\n flex: 1 0 0;\n min-width: 0;\n height: 100%;\n padding: 0 var(--eg-space-25);\n background: transparent;\n border: none;\n outline: none;\n font-family: var(--eg-font-family-base);\n font-weight: var(--eg-font-weight-regular);\n letter-spacing: var(--eg-font-letter-spacing-none);\n color: var(--eg-color-neutral-black-100);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.eg-dropdown-input::placeholder {\n color: var(--eg-color-neutral-black-60);\n}\n\n.eg-dropdown-trigger[data-disabled] .eg-dropdown-input {\n color: var(--eg-color-neutral-black-30);\n}\n.eg-dropdown-trigger[data-disabled] .eg-dropdown-input::placeholder {\n color: var(--eg-color-neutral-black-30);\n}\n\n/* Font per size (inherited from parent .eg-dropdown-trigger--size-*) */\n.eg-dropdown-trigger--size-l .eg-dropdown-input {\n font-size: var(--eg-font-size-1125);\n line-height: var(--eg-font-line-height-3);\n}\n.eg-dropdown-trigger--size-m .eg-dropdown-input {\n font-size: var(--eg-font-size-1000);\n line-height: var(--eg-font-line-height-3);\n}\n.eg-dropdown-trigger--size-s .eg-dropdown-input {\n font-size: var(--eg-font-size-875);\n line-height: var(--eg-font-line-height-2);\n}\n\n/* ---- Toggle button (Combobox.Trigger — caret) ----------------------- */\n\n.eg-dropdown-toggle {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: var(--eg-icon-size-m);\n height: var(--eg-icon-size-m);\n background: none;\n border: none;\n padding: 0;\n cursor: pointer;\n color: var(--eg-color-neutral-black-100);\n transition: transform 150ms ease;\n}\n\n.eg-dropdown-trigger[data-disabled] .eg-dropdown-toggle {\n color: var(--eg-color-neutral-black-30);\n cursor: not-allowed;\n}\n\n/* Rotate caret when popup is open */\n.eg-dropdown-trigger[data-popup-open] .eg-dropdown-toggle {\n transform: rotate(180deg);\n}\n\n/* ---- Popup / Droplist ----------------------------------------------- */\n\n.eg-droplist {\n background: var(--eg-color-neutral-white);\n /* Real border (not inset box-shadow) — the popup is a floating element\n so the 2px border does not affect any height constraint. Items fill\n the full content width and their border-radius clips cleanly against\n the popup's own border-radius + overflow:hidden. */\n border: var(--eg-border-weight-m) solid var(--eg-color-neutral-black-20);\n box-shadow: 0px 3px 40px -8px rgba(0, 0, 0, 0.2);\n border-radius: var(--eg-border-radius-s);\n /* Match trigger width exactly; Base UI Positioner provides --anchor-width */\n width: var(--anchor-width);\n min-width: var(--eg-droplist-min-width, 200px);\n padding-block: var(--eg-space-50);\n overflow: hidden;\n box-sizing: border-box;\n}\n\n.eg-droplist__list {\n display: flex;\n flex-direction: column;\n outline: none;\n}\n\n/* ---- Group label (Caption) ------------------------------------------ */\n\n.eg-dropdown-group-label {\n display: flex;\n align-items: center;\n gap: var(--eg-space-75);\n padding: var(--eg-space-75) var(--eg-space-100);\n font-family: var(--eg-font-family-base);\n font-size: var(--eg-font-size-875);\n line-height: var(--eg-font-line-height-2);\n font-weight: var(--eg-font-weight-regular);\n letter-spacing: var(--eg-font-letter-spacing-none);\n color: var(--eg-color-neutral-black-60);\n user-select: none;\n}\n\n/* ---- Item (Combobox.Item) ------------------------------------------- */\n\n.eg-dropdown-item {\n --eg-dropdown-item-bg: var(--eg-color-neutral-white);\n --eg-dropdown-item-color: var(--eg-color-neutral-black-60);\n\n position: relative;\n display: flex;\n align-items: center;\n gap: var(--eg-space-75);\n padding: var(--eg-space-75) var(--eg-space-100);\n border-radius: var(--eg-border-radius-s);\n background: var(--eg-dropdown-item-bg);\n color: var(--eg-dropdown-item-color);\n font-family: var(--eg-font-family-base);\n font-size: var(--eg-font-size-875);\n line-height: var(--eg-font-line-height-2);\n font-weight: var(--eg-font-weight-regular);\n letter-spacing: var(--eg-font-letter-spacing-none);\n cursor: pointer;\n outline: none;\n user-select: none;\n transition:\n background-color 100ms ease,\n color 100ms ease;\n}\n\n/* State=Hover / State=Focussed (keyboard-highlighted) */\n.eg-dropdown-item[data-highlighted] {\n --eg-dropdown-item-bg: var(--eg-color-primary-lila-20);\n --eg-dropdown-item-color: var(--eg-color-neutral-black-100);\n}\n\n/* Focus ring for keyboard navigation (Figma State=Focussed) */\n.eg-dropdown-item:focus-visible {\n outline: var(--eg-border-weight-m) solid var(--eg-color-primary-royal-blue);\n outline-offset: -1px;\n}\n\n/* State=Selected: Royal Blue text */\n.eg-dropdown-item[data-selected] {\n --eg-dropdown-item-color: var(--eg-color-primary-royal-blue);\n --eg-dropdown-item-bg: var(--eg-color-neutral-white);\n}\n\n/* Selected + highlighted: keep Royal Blue text and restore Lila bg */\n.eg-dropdown-item[data-selected][data-highlighted] {\n --eg-dropdown-item-bg: var(--eg-color-primary-lila-20);\n --eg-dropdown-item-color: var(--eg-color-primary-royal-blue);\n}\n\n/* Disabled */\n.eg-dropdown-item[data-disabled] {\n --eg-dropdown-item-color: var(--eg-color-neutral-black-30);\n cursor: not-allowed;\n pointer-events: none;\n}\n\n/* Any icon from the icon library placed directly inside an item acts as the\n leading icon — no wrapper component needed. */\n.eg-dropdown-item > .eg-icon {\n flex-shrink: 0;\n}\n\n/* Item text */\n.eg-dropdown-item__text {\n flex: 1 0 0;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/* Item indicator (checkmark, only visible when selected) */\n.eg-dropdown-item__indicator {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-left: auto;\n width: var(--eg-icon-size-m);\n height: var(--eg-icon-size-m);\n color: var(--eg-color-primary-royal-blue);\n}\n\n/* ---- Empty state -------------------------------------------------------- */\n\n/* Combobox.Empty's root <div> always stays in the DOM (screen reader live\n region). Collapse padding when it has no children so it takes no visual\n space while items are visible. */\n.eg-dropdown-empty:empty {\n padding: 0;\n}\n\n.eg-dropdown-empty {\n padding: var(--eg-space-75) var(--eg-space-100);\n font-family: var(--eg-font-family-base);\n font-size: var(--eg-font-size-875);\n line-height: var(--eg-font-line-height-2);\n font-weight: var(--eg-font-weight-regular);\n color: var(--eg-color-neutral-black-60);\n text-align: center;\n}\n\n/* ---- Separator ---------------------------------------------------------- */\n\n.eg-dropdown-separator {\n height: 1px;\n margin: var(--eg-space-25) 0;\n background: var(--eg-color-neutral-black-20);\n}\n\n/* ---- Item checkbox (multi-select leading indicator) -------------------- */\n\n.eg-dropdown-item__checkbox {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: var(--eg-icon-size-m);\n height: var(--eg-icon-size-m);\n color: var(--eg-color-neutral-black-60);\n}\n\n/* Default state: unchecked icon visible, checked icon hidden.\n Scoped under .eg-dropdown-item for specificity 0-2-0, beating\n .eg-icon { display: inline-block } (0-1-0) regardless of load order. */\n.eg-dropdown-item .eg-dropdown-item__checkbox-icon--checked {\n display: none;\n}\n.eg-dropdown-item .eg-dropdown-item__checkbox-icon--unchecked {\n display: inline-block;\n}\n\n/* Selected state: swap icons and use Royal Blue (specificity 0-2-1) */\n.eg-dropdown-item[data-selected] .eg-dropdown-item__checkbox-icon--checked {\n display: flex;\n color: var(--eg-color-primary-royal-blue);\n}\n.eg-dropdown-item[data-selected] .eg-dropdown-item__checkbox-icon--unchecked {\n display: none;\n}\n\n/* ---- Chips trigger (multi-select container) ---------------------------- */\n\n.eg-dropdown-chips-trigger {\n flex-wrap: nowrap;\n align-items: center;\n cursor: default;\n}\n\n/* ---- Chips list (chips + overflow, clips to available width) ----------- */\n\n.eg-dropdown-chips-list {\n display: flex;\n flex-wrap: nowrap;\n gap: var(--eg-space-25);\n align-items: center;\n overflow: hidden;\n flex: 0 1 auto;\n min-width: 0;\n}\n\n/* ---- Chip pill --------------------------------------------------------- */\n\n/* Base chip styles scoped under .eg-dropdown-chips-trigger for specificity\n 0-2-0, beating any conflicting single-class rules regardless of load order. */\n.eg-dropdown-chips-trigger .eg-dropdown-chip {\n --eg-chip-border-color: var(--eg-color-neutral-black-30);\n --eg-chip-bg: transparent;\n --eg-chip-color: var(--eg-color-neutral-black-60);\n --eg-chip-remove-hover-bg: var(--eg-color-neutral-black-20);\n\n display: inline-flex;\n align-items: center;\n gap: var(--eg-space-25);\n padding: 2px var(--eg-space-75);\n border: none;\n box-shadow: inset 0 0 0 var(--eg-border-weight-m) var(--eg-chip-border-color);\n border-radius: 9999px;\n background: var(--eg-chip-bg);\n color: var(--eg-chip-color);\n font-family: var(--eg-font-family-base);\n font-size: var(--eg-font-size-875);\n line-height: var(--eg-font-line-height-2);\n font-weight: var(--eg-font-weight-regular);\n user-select: none;\n flex-shrink: 0;\n white-space: nowrap;\n transition:\n box-shadow 150ms ease,\n background-color 150ms ease,\n color 150ms ease;\n}\n\n/* Trigger hover / keyboard-focus / popup-open → Royal Blue chips */\n.eg-dropdown-trigger:hover .eg-dropdown-chip,\n.eg-dropdown-trigger:has(.eg-dropdown-input:focus-visible) .eg-dropdown-chip,\n.eg-dropdown-trigger[data-popup-open] .eg-dropdown-chip {\n --eg-chip-border-color: var(--eg-color-primary-royal-blue);\n --eg-chip-bg: var(--eg-color-primary-lila-20);\n --eg-chip-color: var(--eg-color-primary-royal-blue);\n --eg-chip-remove-hover-bg: var(--eg-color-primary-lila);\n}\n\n.eg-dropdown-chips-trigger .eg-dropdown-chip[data-disabled] {\n opacity: 0.4;\n cursor: not-allowed;\n}\n\n.eg-dropdown-chips-trigger .eg-dropdown-chip__label {\n white-space: nowrap;\n}\n\n.eg-dropdown-chips-trigger .eg-dropdown-chip__remove {\n display: flex;\n align-items: center;\n justify-content: center;\n background: none;\n border: none;\n padding: 0;\n cursor: pointer;\n color: inherit;\n flex-shrink: 0;\n border-radius: 2px;\n}\n\n.eg-dropdown-chips-trigger .eg-dropdown-chip__remove:hover {\n background: var(--eg-chip-remove-hover-bg);\n}\n\n.eg-dropdown-chips-trigger\n .eg-dropdown-chip[data-disabled]\n .eg-dropdown-chip__remove {\n pointer-events: none;\n}\n\n/* ---- Chip sizes — placed AFTER base chip block so same-specificity (0-2-0)\n cascade overrides the font/padding defaults above. ---- */\n\n/* S: base styles apply (font-size-875, line-height-2, 2px block padding) */\n\n.eg-dropdown-trigger--size-m .eg-dropdown-chip {\n font-size: var(--eg-font-size-1000);\n line-height: var(--eg-font-line-height-3);\n padding-block: var(--eg-space-25);\n}\n\n.eg-dropdown-trigger--size-l .eg-dropdown-chip {\n font-size: var(--eg-font-size-1125);\n line-height: var(--eg-font-line-height-3);\n padding-block: var(--eg-space-50);\n}\n\n/* ---- Chips overflow badge (\"+ N more\") — plain text, no border --------- */\n\n.eg-dropdown-chips-overflow {\n flex-shrink: 0;\n white-space: nowrap;\n font-family: var(--eg-font-family-base);\n font-size: var(--eg-font-size-875);\n line-height: var(--eg-font-line-height-2);\n color: var(--eg-color-neutral-black-60);\n user-select: none;\n cursor: default;\n}\n","/* ─── Root wrapper ─────────────────────────────────────────────────────────── */\n.eg-input-field {\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: var(--eg-space-50); /* L: 8px between label and frame */\n}\n\n/* M/S close the gap slightly */\n.eg-input-field--size-m,\n.eg-input-field--size-s {\n gap: var(--eg-space-25); /* 4px */\n}\n\n/* ─── Label ─────────────────────────────────────────────────────────────────── */\n.eg-input-field__label {\n font-family: var(--eg-font-family-base);\n font-weight: var(--eg-font-weight-regular);\n font-size: var(--eg-font-size-750);\n line-height: var(--eg-font-line-height-1);\n letter-spacing: var(--eg-font-letter-spacing-none);\n color: var(--eg-color-neutral-black-60);\n}\n\n.eg-input-field[data-disabled] .eg-input-field__label {\n color: var(--eg-color-neutral-black-30);\n}\n\n/* ─── Input frame (the styled box) ─────────────────────────────────────────── */\n\n/* Local custom properties for state-driven border; never hardcode values here. */\n.eg-input-field__frame {\n --eg-input-border-color: var(--eg-color-neutral-black-30);\n --eg-input-border-weight: var(--eg-border-weight-m);\n\n display: flex;\n align-items: center;\n gap: var(--eg-space-50);\n padding-inline-start: var(--eg-space-100); /* 16px */\n padding-inline-end: var(--eg-space-50); /* 8px */\n border: none;\n /* Stroke drawn INSIDE the box (inside-aligned like Figma), so it never grows\n the frame height. Drive colour + weight via the local custom props above. */\n box-shadow: inset 0 0 0 var(--eg-input-border-weight) var(--eg-input-border-color);\n border-radius: var(--eg-border-radius-xs);\n background-color: var(--eg-color-neutral-white);\n box-sizing: border-box;\n width: 100%;\n position: relative;\n transition:\n box-shadow 150ms ease,\n outline-color 150ms ease;\n}\n\n/* Hover: blue 2px border when not focused */\n.eg-input-field__frame:hover:not([data-focused]) {\n --eg-input-border-color: var(--eg-color-primary-royal-blue);\n}\n\n/* Focussed: 2px blue border + outer focus ring.\n data-focused is set by the Input component's own onFocus/onBlur handlers\n because Base UI's data-focused requires Field.Root context. */\n.eg-input-field__frame[data-focused] {\n --eg-input-border-color: var(--eg-color-primary-royal-blue);\n outline: var(--eg-border-weight-m) solid var(--eg-color-primary-royal-blue);\n outline-offset: 3px;\n}\n\n/* Active (focused + filled): thicker 3px border; ring not needed while typing */\n.eg-input-field__frame[data-focused][data-filled] {\n --eg-input-border-weight: var(--eg-border-weight-l);\n outline: none;\n}\n\n/* Error: red 2px border; takes precedence over hover/focus via specificity */\n.eg-input-field--invalid .eg-input-field__frame {\n --eg-input-border-color: var(--eg-color-primary-dark-red);\n --eg-input-border-weight: var(--eg-border-weight-m);\n}\n\n/* Disabled: reset to grey border, remove hover/focus behaviour */\n.eg-input-field[data-disabled] .eg-input-field__frame {\n --eg-input-border-color: var(--eg-color-neutral-black-30);\n --eg-input-border-weight: var(--eg-border-weight-m);\n pointer-events: none;\n}\n\n/* ─── Sizes (from _M_InputField) ────────────────────────────────────────────── */\n/* Heights: L 48px, M 40px, S 36px (padding-block + line-height). */\n\n.eg-input-field--size-l .eg-input-field__frame {\n padding-block: var(--eg-space-75); /* 12px → 12 + 24 + 12 = 48px */\n}\n\n.eg-input-field--size-m .eg-input-field__frame,\n.eg-input-field--size-s .eg-input-field__frame {\n padding-block: var(--eg-space-50); /* 8px → M: 40px, S: 36px */\n}\n\n/* ─── Native <input> element ─────────────────────────────────────────────────── */\n.eg-input {\n flex: 1;\n min-width: 0;\n border: none;\n outline: none;\n background: transparent;\n padding: 0 var(--eg-space-25); /* 4px either side of the text */\n font-family: var(--eg-font-family-base);\n font-weight: var(--eg-font-weight-regular);\n letter-spacing: var(--eg-font-letter-spacing-none);\n color: var(--eg-color-neutral-black-100);\n appearance: none;\n}\n\n.eg-input::placeholder {\n color: var(--eg-color-neutral-black-60);\n}\n\n.eg-input:disabled {\n color: var(--eg-color-neutral-black-30);\n cursor: not-allowed;\n}\n\n/* Per-size font */\n.eg-input-field--size-l .eg-input {\n font-size: var(--eg-font-size-1125); /* 18px */\n line-height: var(--eg-font-line-height-3); /* 24px */\n}\n\n.eg-input-field--size-m .eg-input {\n font-size: var(--eg-font-size-1000); /* 16px */\n line-height: var(--eg-font-line-height-3); /* 24px */\n}\n\n.eg-input-field--size-s .eg-input {\n font-size: var(--eg-font-size-875); /* 14px */\n line-height: var(--eg-font-line-height-2); /* 20px */\n}\n\n/* ─── Icon slots ─────────────────────────────────────────────────────────────── */\n\n/* Fixed 20px slot; icon glyph sits at 16px per Figma leading/trailing frames. */\n.eg-input-field__leading,\n.eg-input-field__trailing {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 20px;\n height: 20px;\n}\n\n.eg-input-field__leading svg,\n.eg-input-field__trailing svg {\n width: var(--eg-icon-size-s); /* 16px */\n height: var(--eg-icon-size-s);\n flex-shrink: 0;\n color: var(--eg-color-neutral-black-100);\n}\n\n/* Error icon fills the full 20px slot */\n.eg-input-field--invalid .eg-input-field__trailing svg {\n width: var(--eg-icon-size-m); /* 20px */\n height: var(--eg-icon-size-m);\n color: var(--eg-color-primary-dark-red);\n}\n\n/* Disabled: grey icons */\n.eg-input-field[data-disabled] .eg-input-field__leading svg,\n.eg-input-field[data-disabled] .eg-input-field__trailing svg {\n color: var(--eg-color-neutral-black-30);\n}\n\n/* ─── Helper text ────────────────────────────────────────────────────────────── */\n.eg-input-field__helper {\n font-family: var(--eg-font-family-base);\n font-weight: var(--eg-font-weight-regular);\n letter-spacing: var(--eg-font-letter-spacing-none);\n color: var(--eg-color-neutral-black-60);\n}\n\n.eg-input-field--invalid .eg-input-field__helper {\n color: var(--eg-color-primary-dark-red);\n}\n\n.eg-input-field[data-disabled] .eg-input-field__helper {\n color: var(--eg-color-neutral-black-30);\n}\n\n/* Per-size helper text typography */\n.eg-input-field--size-l .eg-input-field__helper {\n font-size: var(--eg-font-size-875); /* 14px */\n line-height: var(--eg-font-line-height-2); /* 20px */\n}\n\n.eg-input-field--size-m .eg-input-field__helper,\n.eg-input-field--size-s .eg-input-field__helper {\n font-size: var(--eg-font-size-750); /* 12px */\n line-height: var(--eg-font-line-height-1); /* 16px */\n}\n","/* Per-variant text colour, toggled by variant modifiers and disabled state. */\n.eg-text-link {\n --eg-text-link-color: var(--eg-color-primary-royal-blue);\n\n display: inline-flex;\n align-items: center;\n gap: var(--eg-space-50);\n\n /* Invisible border-radius so the focus outline renders at ~6px (4px + 2px offset). */\n border-radius: var(--eg-border-radius-xs);\n\n font-family: var(--eg-font-family-base);\n font-weight: var(--eg-font-weight-regular);\n letter-spacing: var(--eg-font-letter-spacing-none);\n\n color: var(--eg-text-link-color);\n text-decoration: underline;\n text-underline-position: from-font;\n\n cursor: pointer;\n outline: none;\n white-space: nowrap;\n transition: color 150ms ease;\n}\n\n/* Hover + Focus: remove underline */\n.eg-text-link:hover,\n.eg-text-link:focus-visible {\n text-decoration: none;\n}\n\n/* Figma \"Focussed\": 2px ring just outside the link, rendered at border-radius-s */\n.eg-text-link:focus-visible {\n outline: var(--eg-border-weight-m) solid var(--eg-color-primary-royal-blue);\n outline-offset: 2px;\n}\n\n.eg-text-link[aria-disabled=\"true\"] {\n pointer-events: none;\n cursor: not-allowed;\n}\n\n/* Icons sit in a fixed 20px slot; glyph renders at 16px (scale 0.8) and\n grows to fill the slot on hover/focus — transform keeps it layout-shift free. */\n.eg-text-link svg {\n width: var(--eg-icon-size-m);\n height: var(--eg-icon-size-m);\n flex-shrink: 0;\n pointer-events: none;\n transform: scale(0.8);\n transition: transform 150ms ease;\n}\n\n.eg-text-link:hover svg,\n.eg-text-link:focus-visible svg {\n transform: scale(1);\n}\n\n/* Sizes (from _M_TextLink: L 24px height, S 20px height) */\n.eg-text-link--size-l {\n font-size: var(--eg-font-size-1000);\n line-height: var(--eg-font-line-height-3);\n}\n\n.eg-text-link--size-s {\n font-size: var(--eg-font-size-875);\n line-height: var(--eg-font-line-height-2);\n}\n\n/* Each variant sets both the active colour and its disabled fallback.\n A single shared rule swaps to the disabled colour — no per-variant override needed. */\n.eg-text-link[aria-disabled=\"true\"] {\n --eg-text-link-color: var(--eg-text-link-color-disabled);\n}\n\n/* Primary */\n.eg-text-link--primary {\n --eg-text-link-color: var(--eg-color-primary-royal-blue);\n --eg-text-link-color-disabled: var(--eg-color-neutral-black-50);\n}\n\n/* Secondary */\n.eg-text-link--secondary {\n --eg-text-link-color: var(--eg-color-neutral-black-80);\n --eg-text-link-color-disabled: var(--eg-color-neutral-black-30);\n}\n\n/* Inverse (intended for dark backgrounds) */\n.eg-text-link--inverse {\n --eg-text-link-color: var(--eg-color-neutral-black-40);\n --eg-text-link-color-disabled: var(--eg-color-neutral-black-80);\n}\n","/* Shared logo styling. Height is set inline via the `height` prop on BrandBase;\n width scales automatically from the viewBox aspect ratio. */\n.eg-logo {\n display: inline-block;\n flex-shrink: 0;\n width: auto;\n}\n"],"mappings":"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","names":[]}
|
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
3
|
+
import { Button as Button$1 } from '@base-ui/react/button';
|
|
4
|
+
import { VariantProps } from 'class-variance-authority';
|
|
5
|
+
import * as _base_ui_react_combobox from '@base-ui/react/combobox';
|
|
6
|
+
import { Combobox } from '@base-ui/react/combobox';
|
|
7
|
+
import * as React$1 from 'react';
|
|
8
|
+
import React__default, { SVGProps } from 'react';
|
|
9
|
+
import { Input as Input$1 } from '@base-ui/react/input';
|
|
10
|
+
export { Account, Add, AddAlt, AddComment, AddFilled, Alarm, AlarmAdd, AlarmSubtract, ArrowDown, ArrowDownLeft, ArrowDownRight, ArrowLeft, ArrowRight, ArrowUp, ArrowUpLeft, ArrowUpRight, Asleep, AsleepFilled, Attachment, Bookmark, BookmarkFilled, Box, Bullhorn, Calculation, CalculationAlt, Calculator, Calendar, CalendarAdd, CalendarAddAlt, Camera, CaretDown, CaretLeft, CaretRight, CaretSort, CaretSortDown, CaretSortUp, CaretUp, CharacterPatterns, Chat, ChatLaunch, Checkbox, CheckboxChecked, CheckboxCheckedFilled, CheckboxIndeterminate, CheckboxIndeterminateFilled, CheckboxUndeterminate, CheckboxUndeterminateFilled, Checkmark, CheckmarkFilled, CheckmarkOutline, CheckmarkOutlineWarning, ChevronDown, ChevronLeft, ChevronRight, ChevronSort, ChevronSortDown, ChevronSortUp, ChevronUp, Close, CloseFilled, CloseOutline, ClosedCaptionAlt, Copy, CopyFile, CopyLink, Data, Delete, Document, DocumentAdd, DocumentAttachment, DocumentBlank, DocumentDownload, DocumentEdit, DocumentExport, DocumentImport, DocumentPdf, DocumentSettings, DocumentSubtract, DocumentTasks, Download, Draggable, EarthEuropeAfricaFilled, Edit, Email, EmailNew, Enterprise, Error, ErrorFilled, ErrorOutline, Events, Filter, Finance, Flag, FlagFilled, Folder, FolderAdd, FolderMoveTo, Folders, Forum, Globe, GlobeAlt, Group, Help, HelpFilled, Home, IconBase, IconProps, IdManagement, Idea, Identification, Industry, Information, InformationFilled, InformationSquare, InformationSquareFilled, Launch, Light, LightFilled, Link, List, ListBoxes, ListBulleted, ListChecked, Location, Locked, Login, LogoFacebook, LogoInstagram, LogoLinkedin, LogoTwitter, LogoXing, LogoYoutube, Logout, ManageProtection, Menu, MessageQueue, Meter, MeterAlt, Misuse, MisuseOutline, Notification, NotificationFilled, NotificationNew, OverflowMenuHorizontal, OverflowMenuVertical, Password, PedestrianFamily, Pen, Pending, PendingFilled, Person, Phone, PhoneFilled, PhoneIp, Pin, Policy, PreviousFilled, PreviousOutline, Printer, RadioButton, RadioButtonChecked, Reminder, Renew, Reset, Restart, Restaurant, ResultNew, Review, Rocket, Rotate360, RuleFilled, Save, Search, SearchLocate, Security, Send, SendAlt, Settings, SettingsAdjust, Star, StarFilled, Subtract, SubtractFilled, Task, TaskSettings, TaskStar, Time, Timer, Unlocked, Upload, User, UserAdd, UserAvatar, UserAvatarFilled, UserAvatarFilledAlt, UserMultiple, UserProfile, UserSettings, View, ViewAltOff, ViewFilled, ViewOff, ViewOffFilled, Warning, WarningAlt, WarningAltFilled, WarningFilled, WorkflowAutomation, iconVariants } from './icons.mjs';
|
|
11
|
+
|
|
12
|
+
declare const buttonVariants: (props?: ({
|
|
13
|
+
variant?: "primary" | "secondary" | "critical" | "tertiary" | null | undefined;
|
|
14
|
+
size?: "s" | "m" | "l" | null | undefined;
|
|
15
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
16
|
+
interface ButtonProps extends Omit<Button$1.Props, "className">, VariantProps<typeof buttonVariants> {
|
|
17
|
+
className?: string;
|
|
18
|
+
}
|
|
19
|
+
declare function Button({ className, variant, size, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
|
|
20
|
+
|
|
21
|
+
declare function Dropdown({ multiple, ...props }: React$1.ComponentProps<typeof Combobox.Root>): react_jsx_runtime.JSX.Element;
|
|
22
|
+
declare function DropdownValue(props: Combobox.Value.Props): react_jsx_runtime.JSX.Element;
|
|
23
|
+
interface DropdownLabelProps extends Omit<React$1.LabelHTMLAttributes<HTMLLabelElement>, "className"> {
|
|
24
|
+
className?: string;
|
|
25
|
+
disabled?: boolean;
|
|
26
|
+
}
|
|
27
|
+
declare function DropdownLabel({ className, disabled, ...props }: DropdownLabelProps): react_jsx_runtime.JSX.Element;
|
|
28
|
+
interface DropdownHelperTextProps extends Omit<React$1.HTMLAttributes<HTMLSpanElement>, "className"> {
|
|
29
|
+
className?: string;
|
|
30
|
+
}
|
|
31
|
+
declare function DropdownHelperText({ className, ...props }: DropdownHelperTextProps): react_jsx_runtime.JSX.Element;
|
|
32
|
+
declare const dropdownTriggerVariants: (props?: ({
|
|
33
|
+
size?: "s" | "m" | "l" | null | undefined;
|
|
34
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
35
|
+
interface DropdownTriggerProps extends Omit<Combobox.InputGroup.Props, "className">, VariantProps<typeof dropdownTriggerVariants> {
|
|
36
|
+
className?: string;
|
|
37
|
+
invalid?: boolean;
|
|
38
|
+
}
|
|
39
|
+
declare function DropdownTrigger({ className, size, invalid, ...props }: DropdownTriggerProps): react_jsx_runtime.JSX.Element;
|
|
40
|
+
declare function DropdownInput({ className, ...props }: Combobox.Input.Props): react_jsx_runtime.JSX.Element;
|
|
41
|
+
declare function DropdownToggle({ className, children, ...props }: Combobox.Trigger.Props): react_jsx_runtime.JSX.Element;
|
|
42
|
+
interface DropdownChipsTriggerProps extends Omit<Combobox.Chips.Props, "className">, VariantProps<typeof dropdownTriggerVariants> {
|
|
43
|
+
className?: string;
|
|
44
|
+
invalid?: boolean;
|
|
45
|
+
}
|
|
46
|
+
declare const DropdownChipsTrigger: React$1.ForwardRefExoticComponent<Omit<DropdownChipsTriggerProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
47
|
+
declare function DropdownChip({ className, children, ...props }: Combobox.Chip.Props & {
|
|
48
|
+
className?: string;
|
|
49
|
+
}): react_jsx_runtime.JSX.Element;
|
|
50
|
+
interface DropdownChipsOverflowProps {
|
|
51
|
+
/** Number of chips not shown. */
|
|
52
|
+
count: number;
|
|
53
|
+
/** Localised label, e.g. "more", "weitere", "autres". */
|
|
54
|
+
label: string;
|
|
55
|
+
className?: string;
|
|
56
|
+
}
|
|
57
|
+
declare function DropdownChipsOverflow({ count, label, className, }: DropdownChipsOverflowProps): react_jsx_runtime.JSX.Element;
|
|
58
|
+
interface DropdownPopupProps extends Combobox.Popup.Props {
|
|
59
|
+
sideOffset?: number;
|
|
60
|
+
/** Pass the chips-trigger ref.current here when using DropdownChipsTrigger
|
|
61
|
+
* so the popup anchors to and matches the width of the full chips container. */
|
|
62
|
+
anchor?: Element | null;
|
|
63
|
+
}
|
|
64
|
+
declare function DropdownPopup({ className, children, sideOffset, anchor, ...props }: DropdownPopupProps): react_jsx_runtime.JSX.Element;
|
|
65
|
+
declare function DropdownList({ className, ...props }: Combobox.List.Props): react_jsx_runtime.JSX.Element;
|
|
66
|
+
declare const DropdownGroup: React$1.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxGroupProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
67
|
+
declare function DropdownGroupLabel({ className, ...props }: Combobox.GroupLabel.Props): react_jsx_runtime.JSX.Element;
|
|
68
|
+
interface DropdownItemProps extends Omit<Combobox.Item.Props, "className"> {
|
|
69
|
+
className?: string;
|
|
70
|
+
}
|
|
71
|
+
declare function DropdownItem({ className, children, ...props }: DropdownItemProps): react_jsx_runtime.JSX.Element;
|
|
72
|
+
declare function DropdownItemText({ className, ...props }: Omit<React$1.HTMLAttributes<HTMLSpanElement>, "className"> & {
|
|
73
|
+
className?: string;
|
|
74
|
+
}): react_jsx_runtime.JSX.Element;
|
|
75
|
+
declare function DropdownEmpty({ className, ...props }: Combobox.Empty.Props): react_jsx_runtime.JSX.Element;
|
|
76
|
+
declare function DropdownSeparator({ className, ...props }: Combobox.Separator.Props): react_jsx_runtime.JSX.Element;
|
|
77
|
+
declare function DropdownCollection(props: Combobox.Collection.Props): react_jsx_runtime.JSX.Element;
|
|
78
|
+
|
|
79
|
+
declare const inputFieldVariants: (props?: ({
|
|
80
|
+
size?: "s" | "m" | "l" | null | undefined;
|
|
81
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
82
|
+
interface InputProps extends Omit<Input$1.Props, "className" | "size">, VariantProps<typeof inputFieldVariants> {
|
|
83
|
+
className?: string;
|
|
84
|
+
label?: string;
|
|
85
|
+
helperText?: string;
|
|
86
|
+
invalid?: boolean;
|
|
87
|
+
leadingIcon?: React.ReactNode;
|
|
88
|
+
trailingIcon?: React.ReactNode;
|
|
89
|
+
}
|
|
90
|
+
declare function Input({ className, size, label, helperText, invalid, leadingIcon, trailingIcon, id: idProp, defaultValue, value, disabled, onFocus, onBlur, onChange, ...props }: InputProps): react_jsx_runtime.JSX.Element;
|
|
91
|
+
|
|
92
|
+
declare const textLinkVariants: (props?: ({
|
|
93
|
+
variant?: "primary" | "secondary" | "inverse" | null | undefined;
|
|
94
|
+
size?: "s" | "l" | null | undefined;
|
|
95
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
96
|
+
interface TextLinkProps extends Omit<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, "className">, VariantProps<typeof textLinkVariants> {
|
|
97
|
+
className?: string;
|
|
98
|
+
disabled?: boolean;
|
|
99
|
+
}
|
|
100
|
+
declare function TextLink({ className, variant, size, disabled, children, onClick, tabIndex, ...props }: TextLinkProps): react_jsx_runtime.JSX.Element;
|
|
101
|
+
|
|
102
|
+
interface BrandProps extends Omit<SVGProps<SVGSVGElement>, "width" | "height"> {
|
|
103
|
+
/**
|
|
104
|
+
* Height in pixels. Width scales automatically from the viewBox aspect ratio.
|
|
105
|
+
* To fill a parent container instead, omit this prop and pass
|
|
106
|
+
* `style={{ height: "100%" }}`.
|
|
107
|
+
*/
|
|
108
|
+
height?: number;
|
|
109
|
+
}
|
|
110
|
+
/**
|
|
111
|
+
* Internal base used by every generated brand logo. Renders the shared `<svg>`
|
|
112
|
+
* shell (aria-hidden by default, height driven by the `height` prop) and
|
|
113
|
+
* applies the shared CSS class. Each logo supplies its paths as `children`
|
|
114
|
+
* and forwards its viewBox as a prop.
|
|
115
|
+
*
|
|
116
|
+
* Pass `aria-hidden={false}` and add a `<title>` child for accessible standalone use.
|
|
117
|
+
*/
|
|
118
|
+
declare function BrandBase({ height, style, className, children, ...props }: BrandProps): react_jsx_runtime.JSX.Element;
|
|
119
|
+
|
|
120
|
+
declare function BrandEasygov(props: BrandProps): react_jsx_runtime.JSX.Element;
|
|
121
|
+
|
|
122
|
+
declare function BrandFacebook(props: BrandProps): react_jsx_runtime.JSX.Element;
|
|
123
|
+
|
|
124
|
+
declare function BrandKdk(props: BrandProps): react_jsx_runtime.JSX.Element;
|
|
125
|
+
|
|
126
|
+
declare function BrandLinkedin(props: BrandProps): react_jsx_runtime.JSX.Element;
|
|
127
|
+
|
|
128
|
+
declare function BrandSeg(props: BrandProps): react_jsx_runtime.JSX.Element;
|
|
129
|
+
|
|
130
|
+
declare function BrandSgv(props: BrandProps): react_jsx_runtime.JSX.Element;
|
|
131
|
+
|
|
132
|
+
declare function BrandSsv(props: BrandProps): react_jsx_runtime.JSX.Element;
|
|
133
|
+
|
|
134
|
+
declare function BrandSwiss(props: BrandProps): react_jsx_runtime.JSX.Element;
|
|
135
|
+
|
|
136
|
+
declare function BrandXing(props: BrandProps): react_jsx_runtime.JSX.Element;
|
|
137
|
+
|
|
138
|
+
declare function BrandYoutube(props: BrandProps): react_jsx_runtime.JSX.Element;
|
|
139
|
+
|
|
140
|
+
export { BrandBase, BrandEasygov, BrandFacebook, BrandKdk, BrandLinkedin, type BrandProps, BrandSeg, BrandSgv, BrandSsv, BrandSwiss, BrandXing, BrandYoutube, Button, type ButtonProps, Dropdown, DropdownChip, DropdownChipsOverflow, type DropdownChipsOverflowProps, DropdownChipsTrigger, type DropdownChipsTriggerProps, DropdownCollection, DropdownEmpty, DropdownGroup, DropdownGroupLabel, DropdownHelperText, type DropdownHelperTextProps, DropdownInput, DropdownItem, type DropdownItemProps, DropdownItemText, DropdownLabel, type DropdownLabelProps, DropdownList, DropdownPopup, type DropdownPopupProps, DropdownSeparator, DropdownToggle, DropdownTrigger, type DropdownTriggerProps, DropdownValue, Input, type InputProps, TextLink, type TextLinkProps, buttonVariants, textLinkVariants };
|