@react-spectrum/s2
Version:
Spectrum 2 UI components in React
53 lines (49 loc) • 3.07 kB
JavaScript
import {baseColor as $27684d56c53d4b5c$export$49bbad2a916ab57c, color as $27684d56c53d4b5c$export$35e9368ef982300f, colorMix as $27684d56c53d4b5c$export$9b476054b78b89cd, edgeToText as $27684d56c53d4b5c$export$17b63977b35bb6d2, fontRelative as $27684d56c53d4b5c$export$ba024f4caf693d15, lightDark as $27684d56c53d4b5c$export$d19e682d444755ed, linearGradient as $27684d56c53d4b5c$export$46def8197cf4dd4c, size as $27684d56c53d4b5c$export$346677f925de839c, space as $27684d56c53d4b5c$export$a941ed4b947d12f8, style as $27684d56c53d4b5c$export$1d567c320f4763bc} from "./spectrum-theme.mjs";
/*
* Copyright 2024 Adobe. All rights reserved.
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License. You may obtain a copy
* of the License at http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software distributed under
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
* OF ANY KIND, either express or implied. See the License for the specific language
* governing permissions and limitations under the License.
*/
function $d5eae7056e810ac4$export$346677f925de839c(px) {
return `[${(0, $27684d56c53d4b5c$export$346677f925de839c)(px)}]`;
}
function $d5eae7056e810ac4$export$a941ed4b947d12f8(px) {
return `[${(0, $27684d56c53d4b5c$export$a941ed4b947d12f8)(px)}]`;
}
function $d5eae7056e810ac4$export$ba024f4caf693d15(base, baseFontSize) {
return `[${(0, $27684d56c53d4b5c$export$ba024f4caf693d15)(base, baseFontSize)}]`;
}
const $d5eae7056e810ac4$export$8e24544ddba725ee = ()=>({
outlineStyle: {
default: 'none',
isFocusVisible: 'solid'
},
outlineColor: 'focus-ring',
outlineWidth: 2,
outlineOffset: 2
});
const $d5eae7056e810ac4$var$iconSizes = {
XS: 14,
S: 16,
M: 20,
L: 22,
XL: 26
};
function $d5eae7056e810ac4$export$dcc3981cc6efe940(options) {
let { size: size = 'M', color: color, ...styles } = options;
if (color) styles['--iconPrimary'] = {
type: 'fill',
value: color
};
styles['size'] = $d5eae7056e810ac4$var$iconSizes[size];
// @ts-ignore
return (0, $27684d56c53d4b5c$export$1d567c320f4763bc).call(this, styles);
}
export {$d5eae7056e810ac4$export$346677f925de839c as size, $d5eae7056e810ac4$export$a941ed4b947d12f8 as space, $d5eae7056e810ac4$export$ba024f4caf693d15 as fontRelative, $d5eae7056e810ac4$export$8e24544ddba725ee as focusRing, $d5eae7056e810ac4$export$dcc3981cc6efe940 as iconStyle, $27684d56c53d4b5c$export$49bbad2a916ab57c as baseColor, $27684d56c53d4b5c$export$35e9368ef982300f as color, $27684d56c53d4b5c$export$17b63977b35bb6d2 as edgeToText, $27684d56c53d4b5c$export$d19e682d444755ed as lightDark, $27684d56c53d4b5c$export$46def8197cf4dd4c as linearGradient, $27684d56c53d4b5c$export$9b476054b78b89cd as colorMix, $27684d56c53d4b5c$export$1d567c320f4763bc as style};
//# sourceMappingURL=module.mjs.map