boreal-ui 0.0.9001 → 0.0.9002
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/core/Alert.css +1 -1
- package/dist/core/colorSchemes.cjs.js +1 -1
- package/dist/core/colorSchemes.js +8 -0
- package/dist/next/Alert-DbbmcDuR.js +139 -0
- package/dist/next/Alert.css +1 -1
- package/dist/next/Alert.js +1 -1
- package/dist/next/colorSchemes.js +8 -0
- package/dist/next/index.js +1 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/dist/types/styles/Themes.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/next/Alert-z6o7vmZM.js +0 -139
package/dist/core/Alert.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.alert{display:flex;align-items:flex-start;gap:var(--spacing-sm);width:100%;max-width:100%;padding:var(--spacing-md);border:1px solid var(--alert-border, var(--border-color));font-family:var(--font-family-ui);color:var(--alert-text, var(--text-color));background:var(--alert-bg, var(--surface-color, var(--background-color)));overflow-wrap:anywhere}.alert_content{min-width:0;flex:1;display:grid;gap:var(--spacing-xs)}.alert_title{font-size:var(--font-size-body);font-weight:var(--font-weight-heading)}.alert_message{font-size:var(--font-size-body-sm);line-height:var(--line-height-body)}.alert_icon{display:inline-flex;flex:0 0 auto;margin-top:.125rem}.alert_actions{display:inline-flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.alert_dismiss_button{min-width:2rem;min-height:2rem;border:0;border-radius:var(--border-radius-sm);background:transparent;color:currentcolor;cursor:pointer;font:inherit}.alert_dismiss_button:focus-visible{outline:2px solid var(--focus-outline-color);outline-offset:2px}.alert_round-None{border-radius:var(--border-radius-none)}.alert_round-Small{border-radius:var(--border-radius-sm)}.alert_round-Medium{border-radius:var(--border-radius-md)}.alert_round-Large{border-radius:var(--border-radius-lg)}.alert_round-Full{border-radius:var(--border-radius-full)}.alert_shadow-None{box-shadow:var(--box-shadow-none)}.alert_shadow-Light{box-shadow:var(--box-shadow-light)}.alert_shadow-Medium{box-shadow:var(--box-shadow-medium)}.alert_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.alert_shadow-Intense{box-shadow:var(--box-shadow-intense)}.alert_primary{--alert-bg: var(--primary-color);--alert-text: var(--text-color-primary);--alert-border: var(--primary-color);--alert-soft-bg: var(--primary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--primary-glass-background);--alert-glass-hover-bg: var(--primary-glass-background-hover);--alert-glass-border: var(--primary-glass-border);--alert-glass-text: var(--text-color-primary)}.alert_primary.alert_soft{background:var(--alert-soft-bg);color:var(--alert-text);border-color:var(--alert-border)}.alert_primary.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_primary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_secondary{--alert-bg: var(--secondary-color);--alert-text: var(--text-color-secondary);--alert-border: var(--secondary-color);--alert-soft-bg: var(--secondary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--secondary-glass-background);--alert-glass-hover-bg: var(--secondary-glass-background-hover);--alert-glass-border: var(--secondary-glass-border);--alert-glass-text: var(--text-color-secondary)}.alert_secondary.alert_soft{background:var(--alert-soft-bg);color:var(--alert-text);border-color:var(--alert-border)}.alert_secondary.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_secondary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_tertiary{--alert-bg: var(--tertiary-color);--alert-text: var(--text-color-tertiary);--alert-border: var(--tertiary-color);--alert-soft-bg: var(--tertiary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--tertiary-glass-background);--alert-glass-hover-bg: var(--tertiary-glass-background-hover);--alert-glass-border: var(--tertiary-glass-border);--alert-glass-text: var(--text-color-tertiary)}.alert_tertiary.alert_soft{background:var(--alert-soft-bg);color:var(--alert-text);border-color:var(--alert-border)}.alert_tertiary.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_tertiary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_quaternary{--alert-bg: var(--quaternary-color);--alert-text: var(--text-color-quaternary);--alert-border: var(--quaternary-color);--alert-soft-bg: var(--quaternary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--quaternary-glass-background);--alert-glass-hover-bg: var(--quaternary-glass-background-hover);--alert-glass-border: var(--quaternary-glass-border);--alert-glass-text: var(--text-color-quaternary)}.alert_quaternary.alert_soft{background:var(--alert-soft-bg);color:var(--alert-text);border-color:var(--alert-border)}.alert_quaternary.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_quaternary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_clear{--alert-bg: transparent;--alert-text: var(--text-color);--alert-border: var(--border-color);--alert-soft-bg: var(--clear-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--clear-glass-background);--alert-glass-hover-bg: var(--clear-glass-background-hover);--alert-glass-border: var(--clear-glass-border);--alert-glass-text: var(--text-color)}.alert_clear.alert_soft{background:var(--alert-soft-bg);color:var(--alert-text);border-color:var(--alert-border)}.alert_clear.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_clear.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_success{--alert-bg: var(--success-color);--alert-text: var(--success-text-color);--alert-border: var(--success-color);--alert-soft-bg: var(--success-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--success-glass-background);--alert-glass-hover-bg: var(--success-glass-background-hover);--alert-glass-border: var(--success-glass-border);--alert-glass-text: var(--success-text-color)}.alert_success.alert_soft{background:var(--alert-soft-bg);color:var(--alert-text);border-color:var(--alert-border)}.alert_success.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_success.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_error{--alert-bg: var(--error-color);--alert-text: var(--error-text-color);--alert-border: var(--error-color);--alert-soft-bg: var(--error-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--error-glass-background);--alert-glass-hover-bg: var(--error-glass-background-hover);--alert-glass-border: var(--error-glass-border);--alert-glass-text: var(--error-text-color)}.alert_error.alert_soft{background:var(--alert-soft-bg);color:var(--alert-text);border-color:var(--alert-border)}.alert_error.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_error.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_warning{--alert-bg: var(--warning-color);--alert-text: var(--warning-text-color);--alert-border: var(--warning-color);--alert-soft-bg: var(--warning-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--warning-glass-background);--alert-glass-hover-bg: var(--warning-glass-background-hover);--alert-glass-border: var(--warning-glass-border);--alert-glass-text: var(--warning-text-color)}.alert_warning.alert_soft{background:var(--alert-soft-bg);color:var(--alert-text);border-color:var(--alert-border)}.alert_warning.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_warning.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_info{--alert-bg: var(--info-color);--alert-text: var(--info-text-color);--alert-border: var(--info-color);--alert-soft-bg: var(--info-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--info-glass-background);--alert-glass-hover-bg: var(--info-glass-background-hover);--alert-glass-border: var(--info-glass-border);--alert-glass-text: var(--info-text-color)}.alert_info.alert_soft{background:var(--alert-soft-bg);color:var(--alert-text);border-color:var(--alert-border)}.alert_info.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_info.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}@media(prefers-reduced-motion:reduce){.alert,.alert *{transition:none!important;animation:none!important}}@media(forced-colors:active){.alert,.alert_soft,.alert_outline,.alert_glass{background:Canvas!important;color:CanvasText!important;border-color:ButtonText!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.alert_dismiss_button{color:ButtonText;border:1px solid ButtonText}.alert_dismiss_button:focus-visible{outline-color:Highlight}}}
|
|
1
|
+
@charset "UTF-8";@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.alert{display:flex;align-items:flex-start;gap:var(--spacing-sm);width:100%;max-width:100%;padding:var(--spacing-md);border:1px solid var(--alert-border, var(--border-color));font-family:var(--font-family-ui);color:inherit;background:var(--alert-bg, var(--surface-color, var(--background-color)));overflow-wrap:anywhere}.alert_content{min-width:0;flex:1;display:grid;gap:var(--spacing-xs)}.alert_title{font-size:var(--font-size-body);font-weight:var(--font-weight-heading)}.alert_message{font-size:var(--font-size-body-sm);line-height:var(--line-height-body)}.alert_icon{display:inline-flex;flex:0 0 auto;margin-top:.125rem}.alert_actions{display:inline-flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.alert_dismiss_button{min-width:2rem;min-height:2rem;border:0;border-radius:var(--border-radius-sm);background:transparent;color:currentcolor;cursor:pointer;font:inherit}.alert_dismiss_button:focus-visible{outline:2px solid var(--focus-outline-color);outline-offset:2px}.alert_round-None{border-radius:var(--border-radius-none)}.alert_round-Small{border-radius:var(--border-radius-sm)}.alert_round-Medium{border-radius:var(--border-radius-md)}.alert_round-Large{border-radius:var(--border-radius-lg)}.alert_round-Full{border-radius:var(--border-radius-full)}.alert_shadow-None{box-shadow:var(--box-shadow-none)}.alert_shadow-Light{box-shadow:var(--box-shadow-light)}.alert_shadow-Medium{box-shadow:var(--box-shadow-medium)}.alert_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.alert_shadow-Intense{box-shadow:var(--box-shadow-intense)}.alert_primary{--alert-bg: var(--primary-color);--alert-text: var(--text-color-primary);--alert-border: var(--primary-color);--alert-soft-bg: var(--primary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--primary-glass-background);--alert-glass-hover-bg: var(--primary-glass-background-hover);--alert-glass-border: var(--primary-glass-border);--alert-glass-text: var(--text-color-primary)}.alert_primary.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_primary.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_primary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_secondary{--alert-bg: var(--secondary-color);--alert-text: var(--text-color-secondary);--alert-border: var(--secondary-color);--alert-soft-bg: var(--secondary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--secondary-glass-background);--alert-glass-hover-bg: var(--secondary-glass-background-hover);--alert-glass-border: var(--secondary-glass-border);--alert-glass-text: var(--text-color-secondary)}.alert_secondary.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_secondary.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_secondary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_tertiary{--alert-bg: var(--tertiary-color);--alert-text: var(--text-color-tertiary);--alert-border: var(--tertiary-color);--alert-soft-bg: var(--tertiary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--tertiary-glass-background);--alert-glass-hover-bg: var(--tertiary-glass-background-hover);--alert-glass-border: var(--tertiary-glass-border);--alert-glass-text: var(--text-color-tertiary)}.alert_tertiary.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_tertiary.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_tertiary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_quaternary{--alert-bg: var(--quaternary-color);--alert-text: var(--text-color-quaternary);--alert-border: var(--quaternary-color);--alert-soft-bg: var(--quaternary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--quaternary-glass-background);--alert-glass-hover-bg: var(--quaternary-glass-background-hover);--alert-glass-border: var(--quaternary-glass-border);--alert-glass-text: var(--text-color-quaternary)}.alert_quaternary.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_quaternary.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_quaternary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_clear{--alert-bg: transparent;--alert-text: var(--text-color);--alert-border: var(--border-color);--alert-soft-bg: var(--clear-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--clear-glass-background);--alert-glass-hover-bg: var(--clear-glass-background-hover);--alert-glass-border: var(--clear-glass-border);--alert-glass-text: var(--text-color)}.alert_clear.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_clear.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_clear.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_success{--alert-bg: var(--success-color);--alert-text: var(--success-text-color);--alert-border: var(--success-color);--alert-soft-bg: var(--success-glass-background);background:var(--alert-bg);border-color:var(--alert-border);--alert-glass-bg: var(--success-glass-background);--alert-glass-hover-bg: var(--success-glass-background-hover);--alert-glass-border: var(--success-glass-border);--alert-glass-text: var(--success-text-color)}.alert_success.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_success.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_success.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_error{--alert-bg: var(--error-color);--alert-text: var(--error-text-color);--alert-border: var(--error-color);--alert-soft-bg: var(--error-glass-background);background:var(--alert-bg);border-color:var(--alert-border);--alert-glass-bg: var(--error-glass-background);--alert-glass-hover-bg: var(--error-glass-background-hover);--alert-glass-border: var(--error-glass-border);--alert-glass-text: var(--error-text-color)}.alert_error.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_error.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_error.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_warning{--alert-bg: var(--warning-color);--alert-text: var(--warning-text-color);--alert-border: var(--warning-color);--alert-soft-bg: var(--warning-glass-background);background:var(--alert-bg);border-color:var(--alert-border);--alert-glass-bg: var(--warning-glass-background);--alert-glass-hover-bg: var(--warning-glass-background-hover);--alert-glass-border: var(--warning-glass-border);--alert-glass-text: var(--warning-text-color)}.alert_warning.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_warning.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_warning.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_info{--alert-bg: var(--info-color);--alert-text: var(--info-text-color);--alert-border: var(--info-color);--alert-soft-bg: var(--info-glass-background);background:var(--alert-bg);border-color:var(--alert-border);--alert-glass-bg: var(--info-glass-background);--alert-glass-hover-bg: var(--info-glass-background-hover);--alert-glass-border: var(--info-glass-border);--alert-glass-text: var(--info-text-color)}.alert_info.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_info.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_info.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}@media(prefers-reduced-motion:reduce){.alert,.alert *{transition:none!important;animation:none!important}}@media(forced-colors:active){.alert,.alert_soft,.alert_outline,.alert_glass{background:Canvas!important;color:CanvasText!important;border-color:ButtonText!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.alert_dismiss_button{color:ButtonText;border:1px solid ButtonText}.alert_dismiss_button:focus-visible{outline-color:Highlight}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=[{name:"Autumn Glow",primaryColor:"#c58686",secondaryColor:"#CC8430",tertiaryColor:"#b19476",quaternaryColor:"#b9a27b",backgroundColor:"#F5F5F5"},{name:"Autumn Leaves",primaryColor:"#d2691e",secondaryColor:"#c56c2c",tertiaryColor:"#b65f37",quaternaryColor:"#e9a569",backgroundColor:"#f5f5dc"},{name:"Berry Burst",primaryColor:"#b57077",secondaryColor:"#9183a3",tertiaryColor:"#a58c95",quaternaryColor:"#bb959b",backgroundColor:"#EDEDED"},{name:"Berry Patch",primaryColor:"#d31212",secondaryColor:"#be4343",tertiaryColor:"#c04833",quaternaryColor:"#aa6006",backgroundColor:"#4d3e3e"},{name:"Citrus Zest",primaryColor:"#ffa500",secondaryColor:"#ff4500",tertiaryColor:"#ff6347",quaternaryColor:"#ffa07a",backgroundColor:"#ffffff"},{name:"Coral Reef",primaryColor:"#ff6f61",secondaryColor:"#b8774c",tertiaryColor:"#d4a25d",quaternaryColor:"#aa8181",backgroundColor:"#f0f0f0"},{name:"Cyberpunk Pulse",primaryColor:"#792348ff",secondaryColor:"#8338ec",tertiaryColor:"#4f1bca",quaternaryColor:"#b33d06",backgroundColor:"#000000ff"},{name:"Eclipse Night",primaryColor:"#6e728a",secondaryColor:"#636374",tertiaryColor:"#575963",quaternaryColor:"#6957a3",backgroundColor:"#2b2b2b"},{name:"Electric Violet",primaryColor:"#9c3ef5",secondaryColor:"#983fbe",tertiaryColor:"#794e97",quaternaryColor:"#bb30bb",backgroundColor:"#464355"},{name:"Forest Dusk",primaryColor:"#286d52",secondaryColor:"#725431",tertiaryColor:"#2c7160",quaternaryColor:"#5f5037",backgroundColor:"#222e2e"},{name:"Golden Hour",primaryColor:"#B58800",secondaryColor:"#9574cc",tertiaryColor:"#B5A163",quaternaryColor:"#a38cd1",backgroundColor:"#dbdbd9"},{name:"Lavender Mist",primaryColor:"#b4b4c7",secondaryColor:"#af87ff",tertiaryColor:"#a491c9",quaternaryColor:"#bba1bb",backgroundColor:"#f5f5f5"},{name:"Lime Plum",primaryColor:"#50801a",secondaryColor:"#735992",tertiaryColor:"#6d7c28",quaternaryColor:"#5a4e7e",backgroundColor:"#382650"},{name:"Midnight Bloom",primaryColor:"#6b16c0",secondaryColor:"#be4984",tertiaryColor:"#8b008b",quaternaryColor:"#c21d75",backgroundColor:"#1c1c1c"},{name:"Mint Chocolate",primaryColor:"#215542",secondaryColor:"#1e683e",tertiaryColor:"#2f725c",quaternaryColor:"#426a7a",backgroundColor:"#221504"},{name:"Minty Fresh",primaryColor:"#53b953",secondaryColor:"#3eb489",tertiaryColor:"#5aa88e",quaternaryColor:"#8ba7a5",backgroundColor:"#c6dfdb"},{name:"Ocean Breeze",primaryColor:"#02a899",secondaryColor:"#de6559",tertiaryColor:"#729E9A",quaternaryColor:"#ffa17f",backgroundColor:"#d9dbd9"},{name:"Ocean Depths",primaryColor:"#0077be",secondaryColor:"#177081",tertiaryColor:"#07696b",quaternaryColor:"#547a6e",backgroundColor:"#2e3133"},{name:"Rose Midnight",primaryColor:"#ad0747",secondaryColor:"#0a5a94",tertiaryColor:"#C7004B",quaternaryColor:"#347192",backgroundColor:"#0B1220"},{name:"Rose Quartz",primaryColor:"#d98768",secondaryColor:"#a37981",tertiaryColor:"#9e7f7f",quaternaryColor:"#f1b8a0",backgroundColor:"#f7f4f2"},{name:"Sapphire Storm",primaryColor:"#0f52ba",secondaryColor:"#526d91",tertiaryColor:"#4a6fa5",quaternaryColor:"#657380",backgroundColor:"#000000"},{name:"Sunrise Glow",primaryColor:"#ff4500",secondaryColor:"#ff6347",tertiaryColor:"#ff7f50",quaternaryColor:"#d8b699",backgroundColor:"#ffffff"},{name:"Sunset",primaryColor:"#7f4ac4",secondaryColor:"#7d533b",tertiaryColor:"#905da8",quaternaryColor:"#ac4d0e",backgroundColor:"#2b2b2b"},{name:"Tropical Sunrise",primaryColor:"#DAA200",secondaryColor:"#d9a76c",tertiaryColor:"#AD8A59",quaternaryColor:"#e5cb9b",backgroundColor:"#fcfbf7"},{name:"Vintage Ember",primaryColor:"#D4AA7D",secondaryColor:"#9e8d8d",tertiaryColor:"#B78457",quaternaryColor:"#ffdcb0",backgroundColor:"#c2bfbf"}];exports.defaultColorSchemes=r;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=[{name:"Autumn Glow",primaryColor:"#c58686",secondaryColor:"#CC8430",tertiaryColor:"#b19476",quaternaryColor:"#b9a27b",backgroundColor:"#F5F5F5"},{name:"Autumn Leaves",primaryColor:"#d2691e",secondaryColor:"#c56c2c",tertiaryColor:"#b65f37",quaternaryColor:"#e9a569",backgroundColor:"#f5f5dc"},{name:"Berry Burst",primaryColor:"#b57077",secondaryColor:"#9183a3",tertiaryColor:"#a58c95",quaternaryColor:"#bb959b",backgroundColor:"#EDEDED"},{name:"Berry Patch",primaryColor:"#d31212",secondaryColor:"#be4343",tertiaryColor:"#c04833",quaternaryColor:"#aa6006",backgroundColor:"#4d3e3e"},{name:"Citrus Zest",primaryColor:"#ffa500",secondaryColor:"#ff4500",tertiaryColor:"#ff6347",quaternaryColor:"#ffa07a",backgroundColor:"#ffffff"},{name:"Coral Reef",primaryColor:"#ff6f61",secondaryColor:"#b8774c",tertiaryColor:"#d4a25d",quaternaryColor:"#aa8181",backgroundColor:"#f0f0f0"},{name:"Cyberpunk Pulse",primaryColor:"#792348ff",secondaryColor:"#8338ec",tertiaryColor:"#4f1bca",quaternaryColor:"#b33d06",backgroundColor:"#000000ff"},{name:"Eclipse Night",primaryColor:"#6e728a",secondaryColor:"#636374",tertiaryColor:"#575963",quaternaryColor:"#6957a3",backgroundColor:"#2b2b2b"},{name:"Electric Violet",primaryColor:"#9c3ef5",secondaryColor:"#983fbe",tertiaryColor:"#794e97",quaternaryColor:"#bb30bb",backgroundColor:"#464355"},{name:"Forest Dusk",primaryColor:"#286d52",secondaryColor:"#725431",tertiaryColor:"#2c7160",quaternaryColor:"#5f5037",backgroundColor:"#222e2e"},{name:"Golden Hour",primaryColor:"#B58800",secondaryColor:"#9574cc",tertiaryColor:"#B5A163",quaternaryColor:"#a38cd1",backgroundColor:"#dbdbd9"},{name:"Lavender Mist",primaryColor:"#b4b4c7",secondaryColor:"#af87ff",tertiaryColor:"#a491c9",quaternaryColor:"#bba1bb",backgroundColor:"#f5f5f5"},{name:"Lime Plum",primaryColor:"#50801a",secondaryColor:"#735992",tertiaryColor:"#6d7c28",quaternaryColor:"#5a4e7e",backgroundColor:"#382650"},{name:"Midnight Bloom",primaryColor:"#6b16c0",secondaryColor:"#be4984",tertiaryColor:"#8b008b",quaternaryColor:"#c21d75",backgroundColor:"#1c1c1c"},{name:"Mint Chocolate",primaryColor:"#215542",secondaryColor:"#1e683e",tertiaryColor:"#2f725c",quaternaryColor:"#426a7a",backgroundColor:"#221504"},{name:"Minty Fresh",primaryColor:"#53b953",secondaryColor:"#3eb489",tertiaryColor:"#5aa88e",quaternaryColor:"#8ba7a5",backgroundColor:"#c6dfdb"},{name:"Ocean Breeze",primaryColor:"#02a899",secondaryColor:"#de6559",tertiaryColor:"#729E9A",quaternaryColor:"#ffa17f",backgroundColor:"#d9dbd9"},{name:"Ocean Depths",primaryColor:"#0077be",secondaryColor:"#177081",tertiaryColor:"#07696b",quaternaryColor:"#547a6e",backgroundColor:"#2e3133"},{name:"Rose Midnight",primaryColor:"#ad0747",secondaryColor:"#0a5a94",tertiaryColor:"#C7004B",quaternaryColor:"#347192",backgroundColor:"#0B1220"},{name:"Rose Quartz",primaryColor:"#d98768",secondaryColor:"#a37981",tertiaryColor:"#9e7f7f",quaternaryColor:"#f1b8a0",backgroundColor:"#f7f4f2"},{name:"Sapphire Storm",primaryColor:"#0f52ba",secondaryColor:"#526d91",tertiaryColor:"#4a6fa5",quaternaryColor:"#657380",backgroundColor:"#000000"},{name:"Sunrise Glow",primaryColor:"#ff4500",secondaryColor:"#ff6347",tertiaryColor:"#ff7f50",quaternaryColor:"#d8b699",backgroundColor:"#ffffff"},{name:"Sunset",primaryColor:"#7f4ac4",secondaryColor:"#7d533b",tertiaryColor:"#905da8",quaternaryColor:"#ac4d0e",backgroundColor:"#2b2b2b"},{name:"Tropical Sunrise",primaryColor:"#DAA200",secondaryColor:"#d9a76c",tertiaryColor:"#AD8A59",quaternaryColor:"#e5cb9b",backgroundColor:"#fcfbf7"},{name:"Vintage Ember",primaryColor:"#D4AA7D",secondaryColor:"#9e8d8d",tertiaryColor:"#B78457",quaternaryColor:"#ffdcb0",backgroundColor:"#c2bfbf"},{name:"Contrast Test",primaryColor:"#7f4ac4",secondaryColor:"#7d533b",tertiaryColor:"#905da8",quaternaryColor:"#ac4d0e",backgroundColor:"#ffffff"}];exports.defaultColorSchemes=r;
|
|
@@ -198,6 +198,14 @@ const r = [
|
|
|
198
198
|
tertiaryColor: "#B78457",
|
|
199
199
|
quaternaryColor: "#ffdcb0",
|
|
200
200
|
backgroundColor: "#c2bfbf"
|
|
201
|
+
},
|
|
202
|
+
{
|
|
203
|
+
name: "Contrast Test",
|
|
204
|
+
primaryColor: "#7f4ac4",
|
|
205
|
+
secondaryColor: "#7d533b",
|
|
206
|
+
tertiaryColor: "#905da8",
|
|
207
|
+
quaternaryColor: "#ac4d0e",
|
|
208
|
+
backgroundColor: "#ffffff"
|
|
201
209
|
}
|
|
202
210
|
];
|
|
203
211
|
export {
|
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
import { jsxs as h, jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import { e as q } from "./propAliases-O-1wR3I5.js";
|
|
3
|
+
import { useMemo as A } from "react";
|
|
4
|
+
import { c as t } from "./classNames-Dz0_huu_.js";
|
|
5
|
+
import { c as f } from "./capitalize-D_pj4b3P.js";
|
|
6
|
+
import { g as F, f as j, b as T, a as k } from "./styleConfig-DFTawpWu.js";
|
|
7
|
+
import './Alert.css';function z({
|
|
8
|
+
children: e,
|
|
9
|
+
title: a,
|
|
10
|
+
icon: _,
|
|
11
|
+
actions: i,
|
|
12
|
+
theme: c = F(),
|
|
13
|
+
state: d,
|
|
14
|
+
variant: u = "solid",
|
|
15
|
+
glass: m = j(),
|
|
16
|
+
rounding: r = T(),
|
|
17
|
+
outline: p = !1,
|
|
18
|
+
shadow: l = k(),
|
|
19
|
+
dismissible: w = !1,
|
|
20
|
+
onDismiss: y,
|
|
21
|
+
role: N = d === "error" ? "alert" : "status",
|
|
22
|
+
className: g,
|
|
23
|
+
iconClassName: S,
|
|
24
|
+
contentClassName: L,
|
|
25
|
+
titleClassName: $,
|
|
26
|
+
messageClassName: b,
|
|
27
|
+
actionsClassName: v,
|
|
28
|
+
dismissButtonClassName: B,
|
|
29
|
+
dismissLabel: D = "Dismiss alert",
|
|
30
|
+
testId: x,
|
|
31
|
+
"data-testid": C,
|
|
32
|
+
classMap: o
|
|
33
|
+
}) {
|
|
34
|
+
const n = x ?? C ?? "alert", I = A(
|
|
35
|
+
() => t(
|
|
36
|
+
o.alert,
|
|
37
|
+
o[c],
|
|
38
|
+
d && o[d],
|
|
39
|
+
o[u],
|
|
40
|
+
p && o.outline,
|
|
41
|
+
m && o.glass,
|
|
42
|
+
l && o[`shadow${f(l)}`],
|
|
43
|
+
r && o[`round${f(r)}`],
|
|
44
|
+
g
|
|
45
|
+
),
|
|
46
|
+
[
|
|
47
|
+
o,
|
|
48
|
+
c,
|
|
49
|
+
d,
|
|
50
|
+
u,
|
|
51
|
+
p,
|
|
52
|
+
m,
|
|
53
|
+
l,
|
|
54
|
+
r,
|
|
55
|
+
g
|
|
56
|
+
]
|
|
57
|
+
);
|
|
58
|
+
return /* @__PURE__ */ h("div", { className: I, role: N, "data-testid": n, children: [
|
|
59
|
+
_ ? /* @__PURE__ */ s(
|
|
60
|
+
"span",
|
|
61
|
+
{
|
|
62
|
+
className: t(o.icon, S),
|
|
63
|
+
"aria-hidden": "true",
|
|
64
|
+
"data-testid": `${n}-icon`,
|
|
65
|
+
children: _
|
|
66
|
+
}
|
|
67
|
+
) : null,
|
|
68
|
+
/* @__PURE__ */ h("div", { className: t(o.content, L), children: [
|
|
69
|
+
a ? /* @__PURE__ */ s(
|
|
70
|
+
"div",
|
|
71
|
+
{
|
|
72
|
+
className: t(o.title, $),
|
|
73
|
+
"data-testid": `${n}-title`,
|
|
74
|
+
children: a
|
|
75
|
+
}
|
|
76
|
+
) : null,
|
|
77
|
+
e ? /* @__PURE__ */ s(
|
|
78
|
+
"div",
|
|
79
|
+
{
|
|
80
|
+
className: t(o.message, b),
|
|
81
|
+
"data-testid": `${n}-message`,
|
|
82
|
+
children: e
|
|
83
|
+
}
|
|
84
|
+
) : null
|
|
85
|
+
] }),
|
|
86
|
+
i ? /* @__PURE__ */ s("div", { className: t(o.actions, v), children: i }) : null,
|
|
87
|
+
w ? /* @__PURE__ */ s(
|
|
88
|
+
"button",
|
|
89
|
+
{
|
|
90
|
+
type: "button",
|
|
91
|
+
className: t(
|
|
92
|
+
o.dismissButton,
|
|
93
|
+
B
|
|
94
|
+
),
|
|
95
|
+
"aria-label": D,
|
|
96
|
+
onClick: y,
|
|
97
|
+
"data-testid": `${n}-dismiss`,
|
|
98
|
+
children: "×"
|
|
99
|
+
}
|
|
100
|
+
) : null
|
|
101
|
+
] });
|
|
102
|
+
}
|
|
103
|
+
const G = "_alert_dloop_110", R = "_content_dloop_123", E = "_title_dloop_129", H = "_message_dloop_133", J = "_icon_dloop_137", K = "_actions_dloop_142", O = "_dismissButton_dloop_148", P = "_roundNone_dloop_162", Q = "_roundSmall_dloop_165", U = "_roundMedium_dloop_168", V = "_roundLarge_dloop_171", W = "_roundFull_dloop_174", X = "_shadowNone_dloop_177", Y = "_shadowLight_dloop_180", Z = "_shadowMedium_dloop_183", M = "_shadowStrong_dloop_186", oo = "_shadowIntense_dloop_189", to = "_primary_dloop_192", so = "_soft_dloop_205", no = "_outline_dloop_210", eo = "_glass_dloop_215", ro = "_secondary_dloop_223", lo = "_tertiary_dloop_254", ao = "_quaternary_dloop_285", _o = "_clear_dloop_316", io = "_success_dloop_347", co = "_error_dloop_378", uo = "_warning_dloop_409", mo = "_info_dloop_440", po = {
|
|
104
|
+
alert: G,
|
|
105
|
+
content: R,
|
|
106
|
+
title: E,
|
|
107
|
+
message: H,
|
|
108
|
+
icon: J,
|
|
109
|
+
actions: K,
|
|
110
|
+
dismissButton: O,
|
|
111
|
+
roundNone: P,
|
|
112
|
+
roundSmall: Q,
|
|
113
|
+
roundMedium: U,
|
|
114
|
+
roundLarge: V,
|
|
115
|
+
roundFull: W,
|
|
116
|
+
shadowNone: X,
|
|
117
|
+
shadowLight: Y,
|
|
118
|
+
shadowMedium: Z,
|
|
119
|
+
shadowStrong: M,
|
|
120
|
+
shadowIntense: oo,
|
|
121
|
+
primary: to,
|
|
122
|
+
soft: so,
|
|
123
|
+
outline: no,
|
|
124
|
+
glass: eo,
|
|
125
|
+
secondary: ro,
|
|
126
|
+
tertiary: lo,
|
|
127
|
+
quaternary: ao,
|
|
128
|
+
clear: _o,
|
|
129
|
+
success: io,
|
|
130
|
+
error: co,
|
|
131
|
+
warning: uo,
|
|
132
|
+
info: mo
|
|
133
|
+
};
|
|
134
|
+
function So(e) {
|
|
135
|
+
return /* @__PURE__ */ s(z, { ...e, classMap: q(po) });
|
|
136
|
+
}
|
|
137
|
+
export {
|
|
138
|
+
So as A
|
|
139
|
+
};
|
package/dist/next/Alert.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{._alert_eo7nr_110{display:flex;align-items:flex-start;gap:var(--spacing-sm);width:100%;max-width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);font-family:var(--font-family-ui);color:var(--text-color);background:var(--surface-color, var(--background-color));overflow-wrap:anywhere}._content_eo7nr_123{min-width:0;flex:1;display:grid;gap:var(--spacing-xs)}._title_eo7nr_129{font-size:var(--font-size-body);font-weight:var(--font-weight-heading)}._message_eo7nr_133{font-size:var(--font-size-body-sm);line-height:var(--line-height-body)}._icon_eo7nr_137{display:inline-flex;flex:0 0 auto;margin-top:.125rem}._actions_eo7nr_142{display:inline-flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}._dismissButton_eo7nr_148{min-width:2rem;min-height:2rem;border:0;border-radius:var(--border-radius-sm);background:transparent;color:currentcolor;cursor:pointer;font:inherit}._dismissButton_eo7nr_148:focus-visible{outline:2px solid var(--focus-outline-color);outline-offset:2px}._roundNone_eo7nr_162{border-radius:var(--border-radius-none)}._roundSmall_eo7nr_165{border-radius:var(--border-radius-sm)}._roundMedium_eo7nr_168{border-radius:var(--border-radius-md)}._roundLarge_eo7nr_171{border-radius:var(--border-radius-lg)}._roundFull_eo7nr_174{border-radius:var(--border-radius-full)}._shadowNone_eo7nr_177{box-shadow:var(--box-shadow-none)}._shadowLight_eo7nr_180{box-shadow:var(--box-shadow-light)}._shadowMedium_eo7nr_183{box-shadow:var(--box-shadow-medium)}._shadowStrong_eo7nr_186{box-shadow:var(--box-shadow-heavy)}._shadowIntense_eo7nr_189{box-shadow:var(--box-shadow-intense)}._primary_eo7nr_192{--alert-bg: var(--primary-color);--alert-text: var(--text-color-primary);--alert-border: var(--primary-color);--alert-soft-bg: var(--primary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--primary-glass-background);--alert-glass-hover-bg: var(--primary-glass-background-hover);--alert-glass-border: var(--primary-glass-border);--alert-glass-text: var(--text-color-primary)}._primary_eo7nr_192._soft_eo7nr_205{background:var(--alert-soft-bg);color:var(--alert-text);border-color:var(--alert-border)}._primary_eo7nr_192._outline_eo7nr_210{background:transparent;color:inherit;border-color:var(--alert-border)}._primary_eo7nr_192._glass_eo7nr_215{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}._secondary_eo7nr_223{--alert-bg: var(--secondary-color);--alert-text: var(--text-color-secondary);--alert-border: var(--secondary-color);--alert-soft-bg: var(--secondary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--secondary-glass-background);--alert-glass-hover-bg: var(--secondary-glass-background-hover);--alert-glass-border: var(--secondary-glass-border);--alert-glass-text: var(--text-color-secondary)}._secondary_eo7nr_223._soft_eo7nr_205{background:var(--alert-soft-bg);color:var(--alert-text);border-color:var(--alert-border)}._secondary_eo7nr_223._outline_eo7nr_210{background:transparent;color:inherit;border-color:var(--alert-border)}._secondary_eo7nr_223._glass_eo7nr_215{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}._tertiary_eo7nr_254{--alert-bg: var(--tertiary-color);--alert-text: var(--text-color-tertiary);--alert-border: var(--tertiary-color);--alert-soft-bg: var(--tertiary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--tertiary-glass-background);--alert-glass-hover-bg: var(--tertiary-glass-background-hover);--alert-glass-border: var(--tertiary-glass-border);--alert-glass-text: var(--text-color-tertiary)}._tertiary_eo7nr_254._soft_eo7nr_205{background:var(--alert-soft-bg);color:var(--alert-text);border-color:var(--alert-border)}._tertiary_eo7nr_254._outline_eo7nr_210{background:transparent;color:inherit;border-color:var(--alert-border)}._tertiary_eo7nr_254._glass_eo7nr_215{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}._quaternary_eo7nr_285{--alert-bg: var(--quaternary-color);--alert-text: var(--text-color-quaternary);--alert-border: var(--quaternary-color);--alert-soft-bg: var(--quaternary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--quaternary-glass-background);--alert-glass-hover-bg: var(--quaternary-glass-background-hover);--alert-glass-border: var(--quaternary-glass-border);--alert-glass-text: var(--text-color-quaternary)}._quaternary_eo7nr_285._soft_eo7nr_205{background:var(--alert-soft-bg);color:var(--alert-text);border-color:var(--alert-border)}._quaternary_eo7nr_285._outline_eo7nr_210{background:transparent;color:inherit;border-color:var(--alert-border)}._quaternary_eo7nr_285._glass_eo7nr_215{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}._clear_eo7nr_316{--alert-bg: transparent;--alert-text: var(--text-color);--alert-border: var(--border-color);--alert-soft-bg: var(--clear-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--clear-glass-background);--alert-glass-hover-bg: var(--clear-glass-background-hover);--alert-glass-border: var(--clear-glass-border);--alert-glass-text: var(--text-color)}._clear_eo7nr_316._soft_eo7nr_205{background:var(--alert-soft-bg);color:var(--alert-text);border-color:var(--alert-border)}._clear_eo7nr_316._outline_eo7nr_210{background:transparent;color:inherit;border-color:var(--alert-border)}._clear_eo7nr_316._glass_eo7nr_215{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}._success_eo7nr_347{--alert-bg: var(--success-color);--alert-text: var(--success-text-color);--alert-border: var(--success-color);--alert-soft-bg: var(--success-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--success-glass-background);--alert-glass-hover-bg: var(--success-glass-background-hover);--alert-glass-border: var(--success-glass-border);--alert-glass-text: var(--success-text-color)}._success_eo7nr_347._soft_eo7nr_205{background:var(--alert-soft-bg);color:var(--alert-text);border-color:var(--alert-border)}._success_eo7nr_347._outline_eo7nr_210{background:transparent;color:inherit;border-color:var(--alert-border)}._success_eo7nr_347._glass_eo7nr_215{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}._error_eo7nr_378{--alert-bg: var(--error-color);--alert-text: var(--error-text-color);--alert-border: var(--error-color);--alert-soft-bg: var(--error-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--error-glass-background);--alert-glass-hover-bg: var(--error-glass-background-hover);--alert-glass-border: var(--error-glass-border);--alert-glass-text: var(--error-text-color)}._error_eo7nr_378._soft_eo7nr_205{background:var(--alert-soft-bg);color:var(--alert-text);border-color:var(--alert-border)}._error_eo7nr_378._outline_eo7nr_210{background:transparent;color:inherit;border-color:var(--alert-border)}._error_eo7nr_378._glass_eo7nr_215{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}._warning_eo7nr_409{--alert-bg: var(--warning-color);--alert-text: var(--warning-text-color);--alert-border: var(--warning-color);--alert-soft-bg: var(--warning-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--warning-glass-background);--alert-glass-hover-bg: var(--warning-glass-background-hover);--alert-glass-border: var(--warning-glass-border);--alert-glass-text: var(--warning-text-color)}._warning_eo7nr_409._soft_eo7nr_205{background:var(--alert-soft-bg);color:var(--alert-text);border-color:var(--alert-border)}._warning_eo7nr_409._outline_eo7nr_210{background:transparent;color:inherit;border-color:var(--alert-border)}._warning_eo7nr_409._glass_eo7nr_215{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}._info_eo7nr_440{--alert-bg: var(--info-color);--alert-text: var(--info-text-color);--alert-border: var(--info-color);--alert-soft-bg: var(--info-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--info-glass-background);--alert-glass-hover-bg: var(--info-glass-background-hover);--alert-glass-border: var(--info-glass-border);--alert-glass-text: var(--info-text-color)}._info_eo7nr_440._soft_eo7nr_205{background:var(--alert-soft-bg);color:var(--alert-text);border-color:var(--alert-border)}._info_eo7nr_440._outline_eo7nr_210{background:transparent;color:inherit;border-color:var(--alert-border)}._info_eo7nr_440._glass_eo7nr_215{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}._soft_eo7nr_205{background:color-mix(in srgb,currentcolor 8%,transparent)}._outline_eo7nr_210{background:transparent;border-color:currentcolor}@media(prefers-reduced-motion:reduce){._alert_eo7nr_110,._alert_eo7nr_110 *{transition:none!important;animation:none!important}}@media(forced-colors:active){._alert_eo7nr_110,._soft_eo7nr_205,._outline_eo7nr_210,._glass_eo7nr_215{background:Canvas!important;color:CanvasText!important;border-color:ButtonText!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}._dismissButton_eo7nr_148{color:ButtonText;border:1px solid ButtonText}._dismissButton_eo7nr_148:focus-visible{outline-color:Highlight}}}
|
|
1
|
+
@charset "UTF-8";@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{._alert_dloop_110{display:flex;align-items:flex-start;gap:var(--spacing-sm);width:100%;max-width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);font-family:var(--font-family-ui);color:inherit;background:var(--surface-color, var(--background-color));overflow-wrap:anywhere}._content_dloop_123{min-width:0;flex:1;display:grid;gap:var(--spacing-xs)}._title_dloop_129{font-size:var(--font-size-body);font-weight:var(--font-weight-heading)}._message_dloop_133{font-size:var(--font-size-body-sm);line-height:var(--line-height-body)}._icon_dloop_137{display:inline-flex;flex:0 0 auto;margin-top:.125rem}._actions_dloop_142{display:inline-flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}._dismissButton_dloop_148{min-width:2rem;min-height:2rem;border:0;border-radius:var(--border-radius-sm);background:transparent;color:currentcolor;cursor:pointer;font:inherit}._dismissButton_dloop_148:focus-visible{outline:2px solid var(--focus-outline-color);outline-offset:2px}._roundNone_dloop_162{border-radius:var(--border-radius-none)}._roundSmall_dloop_165{border-radius:var(--border-radius-sm)}._roundMedium_dloop_168{border-radius:var(--border-radius-md)}._roundLarge_dloop_171{border-radius:var(--border-radius-lg)}._roundFull_dloop_174{border-radius:var(--border-radius-full)}._shadowNone_dloop_177{box-shadow:var(--box-shadow-none)}._shadowLight_dloop_180{box-shadow:var(--box-shadow-light)}._shadowMedium_dloop_183{box-shadow:var(--box-shadow-medium)}._shadowStrong_dloop_186{box-shadow:var(--box-shadow-heavy)}._shadowIntense_dloop_189{box-shadow:var(--box-shadow-intense)}._primary_dloop_192{--alert-bg: var(--primary-color);--alert-text: var(--text-color-primary);--alert-border: var(--primary-color);--alert-soft-bg: var(--primary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--primary-glass-background);--alert-glass-hover-bg: var(--primary-glass-background-hover);--alert-glass-border: var(--primary-glass-border);--alert-glass-text: var(--text-color-primary)}._primary_dloop_192._soft_dloop_205{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}._primary_dloop_192._outline_dloop_210{background:transparent;color:inherit;border-color:var(--alert-border)}._primary_dloop_192._glass_dloop_215{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}._secondary_dloop_223{--alert-bg: var(--secondary-color);--alert-text: var(--text-color-secondary);--alert-border: var(--secondary-color);--alert-soft-bg: var(--secondary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--secondary-glass-background);--alert-glass-hover-bg: var(--secondary-glass-background-hover);--alert-glass-border: var(--secondary-glass-border);--alert-glass-text: var(--text-color-secondary)}._secondary_dloop_223._soft_dloop_205{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}._secondary_dloop_223._outline_dloop_210{background:transparent;color:inherit;border-color:var(--alert-border)}._secondary_dloop_223._glass_dloop_215{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}._tertiary_dloop_254{--alert-bg: var(--tertiary-color);--alert-text: var(--text-color-tertiary);--alert-border: var(--tertiary-color);--alert-soft-bg: var(--tertiary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--tertiary-glass-background);--alert-glass-hover-bg: var(--tertiary-glass-background-hover);--alert-glass-border: var(--tertiary-glass-border);--alert-glass-text: var(--text-color-tertiary)}._tertiary_dloop_254._soft_dloop_205{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}._tertiary_dloop_254._outline_dloop_210{background:transparent;color:inherit;border-color:var(--alert-border)}._tertiary_dloop_254._glass_dloop_215{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}._quaternary_dloop_285{--alert-bg: var(--quaternary-color);--alert-text: var(--text-color-quaternary);--alert-border: var(--quaternary-color);--alert-soft-bg: var(--quaternary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--quaternary-glass-background);--alert-glass-hover-bg: var(--quaternary-glass-background-hover);--alert-glass-border: var(--quaternary-glass-border);--alert-glass-text: var(--text-color-quaternary)}._quaternary_dloop_285._soft_dloop_205{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}._quaternary_dloop_285._outline_dloop_210{background:transparent;color:inherit;border-color:var(--alert-border)}._quaternary_dloop_285._glass_dloop_215{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}._clear_dloop_316{--alert-bg: transparent;--alert-text: var(--text-color);--alert-border: var(--border-color);--alert-soft-bg: var(--clear-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--clear-glass-background);--alert-glass-hover-bg: var(--clear-glass-background-hover);--alert-glass-border: var(--clear-glass-border);--alert-glass-text: var(--text-color)}._clear_dloop_316._soft_dloop_205{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}._clear_dloop_316._outline_dloop_210{background:transparent;color:inherit;border-color:var(--alert-border)}._clear_dloop_316._glass_dloop_215{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}._success_dloop_347{--alert-bg: var(--success-color);--alert-text: var(--success-text-color);--alert-border: var(--success-color);--alert-soft-bg: var(--success-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--success-glass-background);--alert-glass-hover-bg: var(--success-glass-background-hover);--alert-glass-border: var(--success-glass-border);--alert-glass-text: var(--success-text-color)}._success_dloop_347._soft_dloop_205{background:var(--alert-soft-bg);color:var(--alert-text);border-color:var(--alert-border)}._success_dloop_347._outline_dloop_210{background:transparent;color:inherit;border-color:var(--alert-border)}._success_dloop_347._glass_dloop_215{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}._error_dloop_378{--alert-bg: var(--error-color);--alert-text: var(--error-text-color);--alert-border: var(--error-color);--alert-soft-bg: var(--error-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--error-glass-background);--alert-glass-hover-bg: var(--error-glass-background-hover);--alert-glass-border: var(--error-glass-border);--alert-glass-text: var(--error-text-color)}._error_dloop_378._soft_dloop_205{background:var(--alert-soft-bg);color:var(--alert-text);border-color:var(--alert-border)}._error_dloop_378._outline_dloop_210{background:transparent;color:inherit;border-color:var(--alert-border)}._error_dloop_378._glass_dloop_215{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}._warning_dloop_409{--alert-bg: var(--warning-color);--alert-text: var(--warning-text-color);--alert-border: var(--warning-color);--alert-soft-bg: var(--warning-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--warning-glass-background);--alert-glass-hover-bg: var(--warning-glass-background-hover);--alert-glass-border: var(--warning-glass-border);--alert-glass-text: var(--warning-text-color)}._warning_dloop_409._soft_dloop_205{background:var(--alert-soft-bg);color:var(--alert-text);border-color:var(--alert-border)}._warning_dloop_409._outline_dloop_210{background:transparent;color:inherit;border-color:var(--alert-border)}._warning_dloop_409._glass_dloop_215{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}._info_dloop_440{--alert-bg: var(--info-color);--alert-text: var(--info-text-color);--alert-border: var(--info-color);--alert-soft-bg: var(--info-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--info-glass-background);--alert-glass-hover-bg: var(--info-glass-background-hover);--alert-glass-border: var(--info-glass-border);--alert-glass-text: var(--info-text-color)}._info_dloop_440._soft_dloop_205{background:var(--alert-soft-bg);color:var(--alert-text);border-color:var(--alert-border)}._info_dloop_440._outline_dloop_210{background:transparent;color:inherit;border-color:var(--alert-border)}._info_dloop_440._glass_dloop_215{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}._soft_dloop_205{background:color-mix(in srgb,currentcolor 8%,transparent)}._outline_dloop_210{background:transparent;border-color:currentcolor}@media(prefers-reduced-motion:reduce){._alert_dloop_110,._alert_dloop_110 *{transition:none!important;animation:none!important}}@media(forced-colors:active){._alert_dloop_110,._soft_dloop_205,._outline_dloop_210,._glass_dloop_215{background:Canvas!important;color:CanvasText!important;border-color:ButtonText!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}._dismissButton_dloop_148{color:ButtonText;border:1px solid ButtonText}._dismissButton_dloop_148:focus-visible{outline-color:Highlight}}}
|
package/dist/next/Alert.js
CHANGED
|
@@ -198,6 +198,14 @@ const r = [
|
|
|
198
198
|
tertiaryColor: "#B78457",
|
|
199
199
|
quaternaryColor: "#ffdcb0",
|
|
200
200
|
backgroundColor: "#c2bfbf"
|
|
201
|
+
},
|
|
202
|
+
{
|
|
203
|
+
name: "Contrast Test",
|
|
204
|
+
primaryColor: "#7f4ac4",
|
|
205
|
+
secondaryColor: "#7d533b",
|
|
206
|
+
tertiaryColor: "#905da8",
|
|
207
|
+
quaternaryColor: "#ac4d0e",
|
|
208
|
+
backgroundColor: "#ffffff"
|
|
201
209
|
}
|
|
202
210
|
];
|
|
203
211
|
export {
|
package/dist/next/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { C as Ne, G as xe, I as Ie, S as Se, a as Pe } from "./Layout-CrH5n495.js";
|
|
3
3
|
import { A as Re } from "./Accordion-CWb-EC5P.js";
|
|
4
|
-
import { A as Le } from "./Alert-
|
|
4
|
+
import { A as Le } from "./Alert-DbbmcDuR.js";
|
|
5
5
|
import { A as We } from "./AppShell-Cc3VUxaS.js";
|
|
6
6
|
import { A as ze } from "./Avatar-CrT91MC6.js";
|
|
7
7
|
import { B as Fe } from "./Badge-BXCZ5-GS.js";
|