/* start:src/Common/themes/redwood/Common.css */ :root { --oj-c-PRIVATE-DO-NOT-USE-palette-danger-rgb-10: 255, 248, 247; --oj-c-PRIVATE-DO-NOT-USE-palette-danger-rgb-20: 255, 241, 239; --oj-c-PRIVATE-DO-NOT-USE-palette-danger-rgb-30: 255, 235, 232; --oj-c-PRIVATE-DO-NOT-USE-palette-danger-rgb-40: 255, 217, 211; --oj-c-PRIVATE-DO-NOT-USE-palette-danger-rgb-50: 255, 193, 184; --oj-c-PRIVATE-DO-NOT-USE-palette-danger-rgb-60: 255, 157, 144; --oj-c-PRIVATE-DO-NOT-USE-palette-danger-rgb-70: 255, 134, 117; --oj-c-PRIVATE-DO-NOT-USE-palette-danger-rgb-80: 254, 104, 84; --oj-c-PRIVATE-DO-NOT-USE-palette-danger-rgb-90: 236, 79, 58; --oj-c-PRIVATE-DO-NOT-USE-palette-danger-rgb-100: 214, 59, 37; --oj-c-PRIVATE-DO-NOT-USE-palette-danger-rgb-110: 195, 53, 34; --oj-c-PRIVATE-DO-NOT-USE-palette-danger-rgb-120: 179, 49, 31; --oj-c-PRIVATE-DO-NOT-USE-palette-danger-rgb-130: 170, 34, 34; --oj-c-PRIVATE-DO-NOT-USE-palette-danger-rgb-140: 143, 39, 25; --oj-c-PRIVATE-DO-NOT-USE-palette-danger-rgb-150: 124, 34, 22; --oj-c-PRIVATE-DO-NOT-USE-palette-danger-rgb-160: 102, 28, 18; --oj-c-PRIVATE-DO-NOT-USE-palette-danger-rgb-170: 86, 24, 15; --oj-c-PRIVATE-DO-NOT-USE-palette-warning-rgb-10: 254, 249, 242; --oj-c-PRIVATE-DO-NOT-USE-palette-warning-rgb-20: 253, 242, 229; --oj-c-PRIVATE-DO-NOT-USE-palette-warning-rgb-30: 252, 237, 220; --oj-c-PRIVATE-DO-NOT-USE-palette-warning-rgb-40: 249, 221, 188; --oj-c-PRIVATE-DO-NOT-USE-palette-warning-rgb-50: 246, 199, 146; --oj-c-PRIVATE-DO-NOT-USE-palette-warning-rgb-60: 240, 169, 87; --oj-c-PRIVATE-DO-NOT-USE-palette-warning-rgb-70: 235, 150, 50; --oj-c-PRIVATE-DO-NOT-USE-palette-warning-rgb-80: 225, 128, 18; --oj-c-PRIVATE-DO-NOT-USE-palette-warning-rgb-90: 198, 113, 14; --oj-c-PRIVATE-DO-NOT-USE-palette-warning-rgb-100: 172, 99, 12; --oj-c-PRIVATE-DO-NOT-USE-palette-warning-rgb-110: 156, 89, 11; --oj-c-PRIVATE-DO-NOT-USE-palette-warning-rgb-120: 143, 82, 10; --oj-c-PRIVATE-DO-NOT-USE-palette-warning-rgb-130: 129, 73, 9; --oj-c-PRIVATE-DO-NOT-USE-palette-warning-rgb-140: 114, 65, 8; --oj-c-PRIVATE-DO-NOT-USE-palette-warning-rgb-150: 99, 56, 7; --oj-c-PRIVATE-DO-NOT-USE-palette-warning-rgb-160: 81, 47, 6; --oj-c-PRIVATE-DO-NOT-USE-palette-warning-rgb-170: 69, 39, 5; --oj-c-PRIVATE-DO-NOT-USE-palette-success-rgb-10: 244, 252, 235; --oj-c-PRIVATE-DO-NOT-USE-palette-success-rgb-20: 235, 248, 222; --oj-c-PRIVATE-DO-NOT-USE-palette-success-rgb-30: 228, 245, 211; --oj-c-PRIVATE-DO-NOT-USE-palette-success-rgb-40: 207, 235, 179; --oj-c-PRIVATE-DO-NOT-USE-palette-success-rgb-50: 177, 221, 136; --oj-c-PRIVATE-DO-NOT-USE-palette-success-rgb-60: 138, 201, 79; --oj-c-PRIVATE-DO-NOT-USE-palette-success-rgb-70: 125, 186, 69; --oj-c-PRIVATE-DO-NOT-USE-palette-success-rgb-80: 111, 169, 57; --oj-c-PRIVATE-DO-NOT-USE-palette-success-rgb-90: 94, 148, 43; --oj-c-PRIVATE-DO-NOT-USE-palette-success-rgb-100: 80, 130, 35; --oj-c-PRIVATE-DO-NOT-USE-palette-success-rgb-110: 73, 118, 32; --oj-c-PRIVATE-DO-NOT-USE-palette-success-rgb-120: 67, 107, 29; --oj-c-PRIVATE-DO-NOT-USE-palette-success-rgb-130: 60, 96, 26; --oj-c-PRIVATE-DO-NOT-USE-palette-success-rgb-140: 53, 86, 23; --oj-c-PRIVATE-DO-NOT-USE-palette-success-rgb-150: 46, 73, 20; --oj-c-PRIVATE-DO-NOT-USE-palette-success-rgb-160: 38, 61, 16; --oj-c-PRIVATE-DO-NOT-USE-palette-success-rgb-170: 31, 51, 14; --oj-c-PRIVATE-DO-NOT-USE-palette-info-rgb-10: 246, 250, 252; --oj-c-PRIVATE-DO-NOT-USE-palette-info-rgb-20: 237, 246, 249; --oj-c-PRIVATE-DO-NOT-USE-palette-info-rgb-30: 228, 241, 247; --oj-c-PRIVATE-DO-NOT-USE-palette-info-rgb-40: 208, 229, 238; --oj-c-PRIVATE-DO-NOT-USE-palette-info-rgb-50: 180, 213, 225; --oj-c-PRIVATE-DO-NOT-USE-palette-info-rgb-60: 143, 191, 208; --oj-c-PRIVATE-DO-NOT-USE-palette-info-rgb-70: 121, 177, 198; --oj-c-PRIVATE-DO-NOT-USE-palette-info-rgb-80: 95, 162, 186; --oj-c-PRIVATE-DO-NOT-USE-palette-info-rgb-90: 65, 144, 172; --oj-c-PRIVATE-DO-NOT-USE-palette-info-rgb-100: 34, 126, 158; --oj-c-PRIVATE-DO-NOT-USE-palette-info-rgb-110: 14, 114, 151; --oj-c-PRIVATE-DO-NOT-USE-palette-info-rgb-120: 0, 104, 140; --oj-c-PRIVATE-DO-NOT-USE-palette-info-rgb-130: 2, 94, 126; --oj-c-PRIVATE-DO-NOT-USE-palette-info-rgb-140: 4, 83, 111; --oj-c-PRIVATE-DO-NOT-USE-palette-info-rgb-150: 6, 72, 95; --oj-c-PRIVATE-DO-NOT-USE-palette-info-rgb-160: 6, 60, 78; --oj-c-PRIVATE-DO-NOT-USE-palette-info-rgb-170: 5, 50, 66; --oj-c-PRIVATE-DO-NOT-USE-palette-brand-rgb-10: 246, 250, 252; --oj-c-PRIVATE-DO-NOT-USE-palette-brand-rgb-20: 237, 246, 249; --oj-c-PRIVATE-DO-NOT-USE-palette-brand-rgb-30: 228, 241, 247; --oj-c-PRIVATE-DO-NOT-USE-palette-brand-rgb-40: 208, 229, 238; --oj-c-PRIVATE-DO-NOT-USE-palette-brand-rgb-50: 180, 213, 225; --oj-c-PRIVATE-DO-NOT-USE-palette-brand-rgb-60: 143, 191, 208; --oj-c-PRIVATE-DO-NOT-USE-palette-brand-rgb-70: 121, 177, 198; --oj-c-PRIVATE-DO-NOT-USE-palette-brand-rgb-80: 95, 162, 186; --oj-c-PRIVATE-DO-NOT-USE-palette-brand-rgb-90: 65, 144, 172; --oj-c-PRIVATE-DO-NOT-USE-palette-brand-rgb-100: 34, 126, 158; --oj-c-PRIVATE-DO-NOT-USE-palette-brand-rgb-110: 14, 114, 151; --oj-c-PRIVATE-DO-NOT-USE-palette-brand-rgb-120: 0, 104, 140; --oj-c-PRIVATE-DO-NOT-USE-palette-brand-rgb-130: 2, 94, 126; --oj-c-PRIVATE-DO-NOT-USE-palette-brand-rgb-140: 4, 83, 111; --oj-c-PRIVATE-DO-NOT-USE-palette-brand-rgb-150: 6, 72, 95; --oj-c-PRIVATE-DO-NOT-USE-palette-brand-rgb-160: 6, 60, 78; --oj-c-PRIVATE-DO-NOT-USE-palette-brand-rgb-170: 5, 50, 66; --oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-0: 255, 255, 255; --oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-10: 251, 249, 248; --oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-20: 245, 244, 242; --oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-30: 241, 239, 237; --oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-40: 228, 225, 221; --oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-50: 212, 207, 202; --oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-60: 188, 182, 177; --oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-70: 174, 168, 162; --oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-80: 158, 152, 146; --oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-90: 139, 133, 128; --oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-100: 123, 117, 112; --oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-110: 111, 105, 100; --oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-120: 101, 95, 91; --oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-130: 92, 86, 81; --oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-140: 81, 76, 71; --oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-150: 71, 66, 62; --oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-160: 58, 54, 50; --oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-170: 49, 45, 42; --oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-180: 32, 30, 28; --oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190: 22, 21, 19; --oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-200: 00, 00, 00; --oj-c-PRIVATE-DO-NOT-USE-palette-dvt-rgb-1: 36, 93, 99; --oj-c-PRIVATE-DO-NOT-USE-palette-dvt-rgb-2: 222, 127, 17; --oj-c-PRIVATE-DO-NOT-USE-palette-dvt-rgb-3: 95, 185, 181; --oj-c-PRIVATE-DO-NOT-USE-palette-dvt-rgb-4: 78, 65, 55; --oj-c-PRIVATE-DO-NOT-USE-palette-dvt-rgb-5: 160, 201, 139; --oj-c-PRIVATE-DO-NOT-USE-palette-dvt-rgb-6: 180, 114, 130; --oj-c-PRIVATE-DO-NOT-USE-palette-dvt-rgb-7: 131, 64, 30; --oj-c-PRIVATE-DO-NOT-USE-palette-dvt-rgb-8: 158, 127, 204; --oj-c-PRIVATE-DO-NOT-USE-palette-dvt-rgb-9: 251, 194, 106; --oj-c-PRIVATE-DO-NOT-USE-palette-dvt-rgb-10: 88, 49, 110; --oj-c-PRIVATE-DO-NOT-USE-palette-dvt-rgb-11: 95, 162, 186; --oj-c-PRIVATE-DO-NOT-USE-palette-dvt-rgb-12: 49, 122, 69; } :root { /* text colors */ /* -------------------------- */ --oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190)); --oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190), 0.65); --oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190), 0.4); --oj-c-PRIVATE-DO-NOT-USE-core-text-color-brand: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-brand-rgb-110)); --oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-danger-rgb-120)); --oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger-low: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-danger-rgb-100)); --oj-c-PRIVATE-DO-NOT-USE-core-text-color-warning: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-warning-rgb-120)); --oj-c-PRIVATE-DO-NOT-USE-core-text-color-success: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-success-rgb-120)); /* TODO - Move this variable into Heading component CSS files once Heading implementation is merged */ --oj-c-PRIVATE-DO-NOT-USE-heading-text-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary); --oj-c-PRIVATE-DO-NOT-USE-core-bg-color-content: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-0)); --oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190), 0.04); --oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover: var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-1); --oj-c-PRIVATE-DO-NOT-USE-core-bg-color-active: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190), 0.06); --oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-brand-rgb-30)); --oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-brand-rgb-110)); --oj-c-PRIVATE-DO-NOT-USE-core-color-disabled-1: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190), 0.05); --oj-c-PRIVATE-DO-NOT-USE-core-color-disabled-2: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190), 0.1); /* icon */ /* -------------------------- */ --oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg: 1.5rem; --oj-c-PRIVATE-DO-NOT-USE-core-icon-size-sm: 1rem; /* divider */ /* -------------------------- */ --oj-c-PRIVATE-DO-NOT-USE-core-divider-color: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190), 0.1); --oj-c-PRIVATE-DO-NOT-USE-core-divider-margin: 0.5rem; /* neutral */ /* -------------------------- */ --oj-c-PRIVATE-DO-NOT-USE-core-neutral-1: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-100)); --oj-c-PRIVATE-DO-NOT-USE-core-neutral-2: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-110)); --oj-c-PRIVATE-DO-NOT-USE-core-neutral-3: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-120)); --oj-c-PRIVATE-DO-NOT-USE-core-neutral-contrast: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-0)); --oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-1: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-30)); --oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-2: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-20)); --oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-3: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-10)); --oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-contrast: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-120)); /* brand */ /* -------------------------- */ --oj-c-PRIVATE-DO-NOT-USE-core-brand-1: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-brand-rgb-100)); --oj-c-PRIVATE-DO-NOT-USE-core-brand-2: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-brand-rgb-110)); --oj-c-PRIVATE-DO-NOT-USE-core-brand-3: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-brand-rgb-120)); --oj-c-PRIVATE-DO-NOT-USE-core-brand-contrast: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-0)); /* danger */ /* -------------------------- */ --oj-c-PRIVATE-DO-NOT-USE-core-danger-1: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-danger-rgb-100)); --oj-c-PRIVATE-DO-NOT-USE-core-danger-2: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-danger-rgb-110)); --oj-c-PRIVATE-DO-NOT-USE-core-danger-3: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-danger-rgb-120)); --oj-c-PRIVATE-DO-NOT-USE-core-danger-contrast: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-0)); /* danger secondary */ /* -------------------------- */ --oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-1: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-danger-rgb-30)); --oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-2: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-danger-rgb-20)); --oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-3: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-danger-rgb-10)); --oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-contrast: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-danger-rgb-120)); /* warning */ /* -------------------------- */ --oj-c-PRIVATE-DO-NOT-USE-core-warning-1: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-warning-rgb-100)); --oj-c-PRIVATE-DO-NOT-USE-core-warning-2: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-warning-rgb-110)); --oj-c-PRIVATE-DO-NOT-USE-core-warning-3: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-warning-rgb-120)); --oj-c-PRIVATE-DO-NOT-USE-core-warning-contrast: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-0)); /* warning secondary */ /* -------------------------- */ --oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-1: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-warning-rgb-30)); --oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-2: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-warning-rgb-20)); --oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-3: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-warning-rgb-10)); --oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-contrast: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-warning-rgb-120)); /* success */ /* -------------------------- */ --oj-c-PRIVATE-DO-NOT-USE-core-success-1: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-success-rgb-100)); --oj-c-PRIVATE-DO-NOT-USE-core-success-2: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-success-rgb-110)); --oj-c-PRIVATE-DO-NOT-USE-core-success-3: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-success-rgb-120)); --oj-c-PRIVATE-DO-NOT-USE-core-success-contrast: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-0)); /* success secondary */ /* -------------------------- */ --oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-1: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-success-rgb-30)); --oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-2: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-success-rgb-20)); --oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-3: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-success-rgb-10)); --oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-contrast: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-success-rgb-120)); /* info */ /* -------------------------- */ --oj-c-PRIVATE-DO-NOT-USE-core-info-1: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-info-rgb-100)); --oj-c-PRIVATE-DO-NOT-USE-core-info-2: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-info-rgb-110)); --oj-c-PRIVATE-DO-NOT-USE-core-info-3: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-info-rgb-120)); --oj-c-PRIVATE-DO-NOT-USE-core-info-contrast: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-0)); /* info secondary */ /* -------------------------- */ --oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-1: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-info-rgb-30)); --oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-2: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-info-rgb-20)); --oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-3: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-info-rgb-10)); --oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-info-rgb-120)); /* focus */ /* -------------------------- */ --oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190)); /* cursor */ /* -------------------------- */ --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable: pointer; /* drag and drop */ /* -------------------------- */ --oj-c-PRIVATE-DO-NOT-USE-core-drag-drop-color-1: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-brand-rgb-40)); --oj-c-PRIVATE-DO-NOT-USE-core-drag-drop-color-2: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-brand-rgb-100)); --oj-c-PRIVATE-DO-NOT-USE-core-drag-drop-line-color: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-brand-rgb-100)); /* touch target */ /* -------------------------- */ --oj-c-PRIVATE-DO-NOT-USE-core-touch-target-min-size: 2.25rem; /* shadow */ /* -------------------------- */ --oj-c-PRIVATE-DO-NOT-USE-core-box-shadow-rgb: var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-200); --oj-c-PRIVATE-DO-NOT-USE-core-box-shadow-xs: 0px 1px 4px 0px rgba(var(--oj-c-PRIVATE-DO-NOT-USE-core-box-shadow-rgb), 0.12); --oj-c-PRIVATE-DO-NOT-USE-core-box-shadow-sm: 0px 4px 8px 0px rgba(var(--oj-c-PRIVATE-DO-NOT-USE-core-box-shadow-rgb), 0.16); --oj-c-PRIVATE-DO-NOT-USE-core-box-shadow-md: 0px 6px 12px 0px rgba(var(--oj-c-PRIVATE-DO-NOT-USE-core-box-shadow-rgb), 0.2); --oj-c-PRIVATE-DO-NOT-USE-core-box-shadow-lg: 0px 8px 16px 0px rgba(var(--oj-c-PRIVATE-DO-NOT-USE-core-box-shadow-rgb), 0.24); --oj-c-PRIVATE-DO-NOT-USE-core-box-shadow-xl: 0px 12px 20px 0px rgba(var(--oj-c-PRIVATE-DO-NOT-USE-core-box-shadow-rgb), 0.28); /* a dropdown is a popup that drops down from a component, for example a menu or select popup */ --oj-c-PRIVATE-DO-NOT-USE-core-dropdown-box-shadow: var(--oj-c-PRIVATE-DO-NOT-USE-core-box-shadow-sm); /* scrim color, for example behind a modal dialog */ /* -------------------------- */ --oj-c-PRIVATE-DO-NOT-USE-core-scrim-color: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190), 0.4); /* spacing */ /* -------------------------- */ --oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x: 0.25rem; --oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x: 0.5rem; --oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x: 0.75rem; --oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x: 1rem; --oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x: 1.25rem; --oj-c-PRIVATE-DO-NOT-USE-core-spacing-6x: 1.5rem; --oj-c-PRIVATE-DO-NOT-USE-core-spacing-7x: 1.75rem; --oj-c-PRIVATE-DO-NOT-USE-core-spacing-8x: 2rem; --oj-c-PRIVATE-DO-NOT-USE-core-spacing-9x: 2.25rem; --oj-c-PRIVATE-DO-NOT-USE-core-spacing-10x: 2.5rem; --oj-c-PRIVATE-DO-NOT-USE-core-spacing-11x: 2.75rem; --oj-c-PRIVATE-DO-NOT-USE-core-spacing-12x: 3rem; /* border radius */ /* -------------------------- */ --oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm: 2px; --oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md: 0.25rem; --oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg: 0.375rem; --oj-c-PRIVATE-DO-NOT-USE-core-border-radius-xl: 0.5rem; /* z index */ /* -------------------------- */ --oj-c-PRIVATE-DO-NOT-USE-private-core-z-index-fixed: 100; --oj-c-PRIVATE-DO-NOT-USE-private-core-z-index-off-canvas: 200; --oj-c-PRIVATE-DO-NOT-USE-private-core-z-index-resizable: 900; --oj-c-PRIVATE-DO-NOT-USE-core-z-index-popup: 1000; --oj-c-PRIVATE-DO-NOT-USE-core-z-index-dialog: 1050; --oj-c-PRIVATE-DO-NOT-USE-core-z-index-messages: 2000; --oj-c-PRIVATE-DO-NOT-USE-private-core-global-loading-indicator-delay-duration: 0.05s; } :root { --oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-font-size: 2.5rem; --oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-font-weight: 900; --oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-line-height: 1.3; --oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-font-size: 2.25rem; --oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-font-weight: 900; --oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-line-height: 1.222; --oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-font-size: 2rem; --oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-font-weight: 900; --oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-line-height: 1.25; --oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-font-size: 1.75rem; --oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-font-weight: 900; --oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-line-height: 1.2857; --oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-font-size: 1.5rem; --oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-font-weight: 900; --oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-line-height: 1.3333; --oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-font-size: 1.25rem; --oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-font-weight: 900; --oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-line-height: 1.4; --oj-c-PRIVATE-DO-NOT-USE-typography-subheading-2xl-font-size: 2.25rem; --oj-c-PRIVATE-DO-NOT-USE-typography-subheading-2xl-font-weight: bold; --oj-c-PRIVATE-DO-NOT-USE-typography-subheading-2xl-line-height: 1.2222; --oj-c-PRIVATE-DO-NOT-USE-typography-subheading-xl-font-size: 2rem; --oj-c-PRIVATE-DO-NOT-USE-typography-subheading-xl-font-weight: bold; --oj-c-PRIVATE-DO-NOT-USE-typography-subheading-xl-line-height: 1.25; --oj-c-PRIVATE-DO-NOT-USE-typography-subheading-lg-font-size: 1.75rem; --oj-c-PRIVATE-DO-NOT-USE-typography-subheading-lg-font-weight: bold; --oj-c-PRIVATE-DO-NOT-USE-typography-subheading-lg-line-height: 1.2857; --oj-c-PRIVATE-DO-NOT-USE-typography-subheading-md-font-size: 1.5rem; --oj-c-PRIVATE-DO-NOT-USE-typography-subheading-md-font-weight: bold; --oj-c-PRIVATE-DO-NOT-USE-typography-subheading-md-line-height: 1.3333; --oj-c-PRIVATE-DO-NOT-USE-typography-subheading-sm-font-size: 1.25rem; --oj-c-PRIVATE-DO-NOT-USE-typography-subheading-sm-font-weight: bold; --oj-c-PRIVATE-DO-NOT-USE-typography-subheading-sm-line-height: 1.4; --oj-c-PRIVATE-DO-NOT-USE-typography-subheading-xs-font-size: 1rem; --oj-c-PRIVATE-DO-NOT-USE-typography-subheading-xs-font-weight: bold; --oj-c-PRIVATE-DO-NOT-USE-typography-subheading-xs-line-height: 1.5; --oj-c-PRIVATE-DO-NOT-USE-typography-body-xl-font-size: 1.25rem; --oj-c-PRIVATE-DO-NOT-USE-typography-body-xl-line-height: 1.4; --oj-c-PRIVATE-DO-NOT-USE-typography-body-lg-font-size: 1.125rem; --oj-c-PRIVATE-DO-NOT-USE-typography-body-lg-line-height: 1.3333; --oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size: 1rem; --oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height: 1.25; --oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size: 0.859rem; --oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-line-height: 1.2; --oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size: 0.75rem; --oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-line-height: 1.3333; --oj-c-PRIVATE-DO-NOT-USE-typography-body-2xs-font-size: 0.625rem; --oj-c-PRIVATE-DO-NOT-USE-typography-body-2xs-line-height: 1.2; } /* animations */ /* -------------------------- */ :root { --oj-c-PRIVATE-DO-NOT-USE-animation-duration-xshort: 0.15s; --oj-c-PRIVATE-DO-NOT-USE-animation-duration-short: 0.2s; --oj-c-PRIVATE-DO-NOT-USE-animation-duration-medium: 0.25s; --oj-c-PRIVATE-DO-NOT-USE-animation-duration-long: 0.4s; --oj-c-PRIVATE-DO-NOT-USE-animation-duration-xlong: 0.5s; --oj-c-PRIVATE-DO-NOT-USE-animation-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --oj-c-PRIVATE-DO-NOT-USE-animation-ease-out: cubic-bezier(0, 0, 0.2, 1); --oj-c-PRIVATE-DO-NOT-USE-animation-ease-in: cubic-bezier(0.4, 0, 1, 1); } /* button */ /* -------------------------- */ /* TODO - Move this variable into Button component CSS files once Button implementation is merged */ :root { --oj-c-PRIVATE-DO-NOT-USE-private-button-ghost-chrome-text-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary); --oj-c-PRIVATE-DO-NOT-USE-private-button-ghost-chrome-text-color-hover: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary); --oj-c-PRIVATE-DO-NOT-USE-private-button-ghost-chrome-text-color-active: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary); } /* meter bar and meter circle */ :root { --oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-170), 0.15); --oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190)); --oj-c-PRIVATE-DO-NOT-USE-meter-threshold-color: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-170), 0.15); } /* dvt vars */ :root { --oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-20), 0.7); --oj-c-PRIVATE-DO-NOT-USE-dvt-reference-object-line-color: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190), 0.8); --oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger: #D63B25; --oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-warning: #CF7C00; --oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-success: #508223; } .oj-c-colorscheme-dark, .oj-color-invert { /* Override CSS vars to make it dark themed (the values are taken from the Legacy JET scoped under oj-color-invert) */ --oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary : rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-0)); --oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-0), 0.6); --oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled : rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-0), 0.3); --oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover : rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-0), 0.08); --oj-c-PRIVATE-DO-NOT-USE-core-bg-color-active : rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-0), 0.12); } /* end:src/Common/themes/redwood/Common.css */ /* start:src/hooks/UNSAFE_useTooltip/themes/redwood/useTooltip.css */ :root { --oj-c-PRIVATE-DO-NOT-USE-tooltip-bg-color: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-170)); --oj-c-PRIVATE-DO-NOT-USE-tooltip-text-color: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-0)); --oj-c-PRIVATE-DO-NOT-USE-tooltip-border-radius: var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md); --oj-c-PRIVATE-DO-NOT-USE-tooltip-padding-horizontal: var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x); --oj-c-PRIVATE-DO-NOT-USE-tooltip-padding-vertical: var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x); --oj-c-PRIVATE-DO-NOT-USE-tooltip-font-size: var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size); --oj-c-PRIVATE-DO-NOT-USE-tooltip-border-color: transparent; --oj-c-PRIVATE-DO-NOT-USE-tooltip-border-width: 1px; } /* end:src/hooks/UNSAFE_useTooltip/themes/redwood/useTooltip.css */ /* start:src/PRIVATE_MessageLayer/themes/redwood/MessageLayer.css */ :root{ --oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset: 0px; --oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset: 0px; } /* end:src/PRIVATE_MessageLayer/themes/redwood/MessageLayer.css */ /* start:src/UNSAFE_Avatar/themes/redwood/Avatar.css */ :root { --oj-c-PRIVATE-DO-NOT-USE-avatar-bg-color: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-130)); --oj-c-PRIVATE-DO-NOT-USE-avatar-text-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-contrast); --oj-c-PRIVATE-DO-NOT-USE-avatar-pattern-display: block; --oj-c-PRIVATE-DO-NOT-USE-avatar-size: 4.5rem; --oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius: var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-xl); --oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-size: var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-font-size); --oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-weight: lighter; --oj-c-PRIVATE-DO-NOT-USE-avatar-icon-font-size: 2rem; --oj-c-PRIVATE-DO-NOT-USE-avatar-pattern: url(./images/avatar-pattern0.png); --oj-c-PRIVATE-DO-NOT-USE-private-avatar-global-shape-default: square; } .oj-c-avatar-bg-orange { --oj-c-PRIVATE-DO-NOT-USE-avatar-bg-color: #9b5734; --oj-c-PRIVATE-DO-NOT-USE-avatar-pattern: url(./images/avatar-pattern1.png); } .oj-c-avatar-bg-green { --oj-c-PRIVATE-DO-NOT-USE-avatar-bg-color: #4c825c; --oj-c-PRIVATE-DO-NOT-USE-avatar-pattern: url(./images/avatar-pattern2.png); } .oj-c-avatar-bg-teal { --oj-c-PRIVATE-DO-NOT-USE-avatar-bg-color: #4f7d7b; --oj-c-PRIVATE-DO-NOT-USE-avatar-pattern: url(./images/avatar-pattern3.png); } .oj-c-avatar-bg-blue { --oj-c-PRIVATE-DO-NOT-USE-avatar-bg-color: #437c94; --oj-c-PRIVATE-DO-NOT-USE-avatar-pattern: url(./images/avatar-pattern4.png); } .oj-c-avatar-bg-slate { --oj-c-PRIVATE-DO-NOT-USE-avatar-bg-color: #798b8a; --oj-c-PRIVATE-DO-NOT-USE-avatar-pattern: url(./images/avatar-pattern5.png); } .oj-c-avatar-bg-pink { --oj-c-PRIVATE-DO-NOT-USE-avatar-bg-color: #925865; --oj-c-PRIVATE-DO-NOT-USE-avatar-pattern: url(./images/avatar-pattern6.png); } .oj-c-avatar-bg-purple { --oj-c-PRIVATE-DO-NOT-USE-avatar-bg-color: #846a92; --oj-c-PRIVATE-DO-NOT-USE-avatar-pattern: url(./images/avatar-pattern7.png); } .oj-c-avatar-bg-lilac { --oj-c-PRIVATE-DO-NOT-USE-avatar-bg-color: #6b7494; --oj-c-PRIVATE-DO-NOT-USE-avatar-pattern: url(./images/avatar-pattern8.png); } .oj-c-avatar-bg-gray { --oj-c-PRIVATE-DO-NOT-USE-avatar-bg-color: #6f757e; --oj-c-PRIVATE-DO-NOT-USE-avatar-pattern: url(./images/avatar-pattern9.png); } .oj-c-avatar-2xs { --oj-c-PRIVATE-DO-NOT-USE-avatar-size: 1.75rem; --oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius: var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md); --oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-size: var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size); --oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-weight: 600; --oj-c-PRIVATE-DO-NOT-USE-avatar-icon-font-size: 0.75rem; } .oj-c-avatar-xs { --oj-c-PRIVATE-DO-NOT-USE-avatar-size: 2.75rem; --oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius: var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg); --oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-size: var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size); --oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-weight: 400; --oj-c-PRIVATE-DO-NOT-USE-avatar-icon-font-size: 1rem; } .oj-c-avatar-sm { --oj-c-PRIVATE-DO-NOT-USE-avatar-size: 3.5rem; --oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius: var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg); --oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-size: var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-font-size); --oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-weight: normal; --oj-c-PRIVATE-DO-NOT-USE-avatar-icon-font-size: 1.5rem; } .oj-c-avatar-lg { --oj-c-PRIVATE-DO-NOT-USE-avatar-size: 6rem; --oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius: var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-xl); --oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-size: 2.5rem; --oj-c-PRIVATE-DO-NOT-USE-avatar-icon-font-size: 2.25rem; } .oj-c-avatar-xl { --oj-c-PRIVATE-DO-NOT-USE-avatar-size: 9rem; --oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius: var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-xl); --oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-size: 3rem; --oj-c-PRIVATE-DO-NOT-USE-avatar-icon-font-size: 3.5rem; } .oj-c-avatar-2xl { --oj-c-PRIVATE-DO-NOT-USE-avatar-size: 12.25rem; --oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius: var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-xl); --oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-size: 4.5rem; --oj-c-PRIVATE-DO-NOT-USE-avatar-icon-font-size: 4.5rem; } /* end:src/UNSAFE_Avatar/themes/redwood/Avatar.css */ /* start:src/UNSAFE_Badge/themes/redwood/Badge.css */ :root { /* default badges */ --oj-c-PRIVATE-DO-NOT-USE-badge-bg-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-1); --oj-c-PRIVATE-DO-NOT-USE-badge-text-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-contrast); --oj-c-PRIVATE-DO-NOT-USE-badge-font-size: 0.6875rem; --oj-c-PRIVATE-DO-NOT-USE-badge-font-weight: 700; --oj-c-PRIVATE-DO-NOT-USE-badge-font-stretch: condensed; --oj-c-PRIVATE-DO-NOT-USE-badge-height: 1.5rem; --oj-c-PRIVATE-DO-NOT-USE-badge-border-radius: var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg); --oj-c-PRIVATE-DO-NOT-USE-badge-padding: var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x); } .oj-badge-sm { --oj-c-PRIVATE-DO-NOT-USE-badge-height: 1rem; --oj-c-PRIVATE-DO-NOT-USE-badge-font-size: 0.5625rem; --oj-c-PRIVATE-DO-NOT-USE-badge-font-weight: 700; --oj-c-PRIVATE-DO-NOT-USE-badge-border-radius: var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md); --oj-c-PRIVATE-DO-NOT-USE-badge-padding: 0.25rem; } /* end:src/UNSAFE_Badge/themes/redwood/Badge.css */ /* start:src/UNSAFE_BaseButton/themes/redwood/BaseButton.css */ .oj-c-base-button-outlined { --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color: transparent; --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190), .5); --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary); --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover: var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover); --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190), .5); --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary); --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active: var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-active); --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190), .5); --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary); --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled: var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color); --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled); --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled: transparent; } .oj-c-base-button-callToAction { --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-170)); --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color: transparent; --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-contrast); --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-160)); --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover: transparent; --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover: var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-contrast); --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-150)); --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active: transparent; --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active: var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-contrast); --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled: var(--oj-c-PRIVATE-DO-NOT-USE-core-color-disabled-1); --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled: transparent; --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled); } .oj-c-base-button-borderless { --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color: transparent; --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color: transparent; --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary); --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover: var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover); --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover: transparent; --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary); --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active: var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-active); --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active: transparent; --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary); --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled: transparent; --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled: transparent; --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled); } .oj-c-base-button-ghost { --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color: transparent; --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color: transparent; --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary); --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover: transparent; --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover: transparent; --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary); --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active: transparent; --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active: transparent; --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary); --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled: transparent; --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled: transparent; --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled); } .oj-c-base-button-solid { --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190),.08); --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color: transparent; --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary); --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190),.12); --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover: transparent; --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary); --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190),.16); --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active: transparent; --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary); --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled: var(--oj-c-PRIVATE-DO-NOT-USE-core-color-disabled-1); --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled: transparent; --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled); } .oj-c-base-button-danger { --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-1); --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color: transparent; --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-contrast); --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover: var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-2); --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover: transparent; --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover: var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-contrast); --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active: var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3); --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active: transparent; --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active: var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-contrast); --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled: var(--oj-c-PRIVATE-DO-NOT-USE-core-color-disabled-1); --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled: transparent; --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled); } .oj-c-base-button-lg { --oj-c-PRIVATE-DO-NOT-USE-base-button-height: 3.25rem; --oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding: 1.5rem; } .oj-c-base-button-md { --oj-c-PRIVATE-DO-NOT-USE-base-button-height: 2.75rem; } .oj-c-base-button-sm { --oj-c-PRIVATE-DO-NOT-USE-base-button-height: 2.25rem; } :root { --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color: transparent; --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190), .5); --oj-c-PRIVATE-DO-NOT-USE-base-button-border-radius: var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md); --oj-c-PRIVATE-DO-NOT-USE-base-button-font-weight: 600; --oj-c-PRIVATE-DO-NOT-USE-base-button-height: 2.75rem; --oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding: 1rem; --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary); --oj-c-PRIVATE-DO-NOT-USE-base-button-font-size: var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size); } /* * Dark color scheme */ .oj-color-invert .oj-c-base-button-solid, .oj-c-colorscheme-dark .oj-c-base-button-solid { --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-10), 0.08); --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color: transparent; --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-contrast); --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-10), 0.12); --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover: transparent; --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover: var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-contrast); --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-10), 0.16); --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active: transparent; --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active: var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-contrast); --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-0), 0.16); --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled: transparent; --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled); } .oj-color-invert .oj-c-base-button-borderless, .oj-c-colorscheme-dark .oj-c-base-button-borderless { --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary); --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover: var(--oj-c-PRIVATE-DO-NOT-USE-bg-color-hover); --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover: transparent; --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary); --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active: var(--oj-c-PRIVATE-DO-NOT-USE-bg-color-active); --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active: transparent; --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary); --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled); } .oj-color-invert .oj-c-base-button-outlined, .oj-c-colorscheme-dark .oj-c-base-button-outlined { --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-0), .3); --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary); --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover: var(--oj-c-PRIVATE-DO-NOT-USE-bg-color-hover); --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-0), .3); --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary); --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active: var(--oj-c-PRIVATE-DO-NOT-USE-bg-color-active); --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-0), .3); --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary); --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-0), .1); --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled); } .oj-color-invert .oj-c-base-button-callToAction, .oj-c-colorscheme-dark .oj-c-base-button-callToAction { --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-0)); --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color: transparent; --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190)); --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-10)); --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover: transparent; --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190)); --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-20)); --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active: transparent; --oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190)); --oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-0), 0.16); --oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled: transparent; } /* end:src/UNSAFE_BaseButton/themes/redwood/BaseButton.css */ /* start:src/UNSAFE_Button/themes/redwood/ButtonLayout.css */ .oj-c-button-layout-lg { --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding: 1.0rem; --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding: 1.0rem; } .oj-c-button-layout-md { --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding: 0.625rem; --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding: 0.625rem; } .oj-c-button-layout-sm { --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding: .5rem; --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding: .5rem; --oj-c-PRIVATE-DO-NOT-USE-button-icon-size: 1.25rem; } .oj-c-button-layout-embedded-lg { --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding: 1rem; --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding: 0.84375rem; } .oj-c-button-layout-embedded-md { --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding: .625rem; --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding: .59375rem; } .oj-c-button-layout-embedded-sm { --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding: .5rem; --oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding: .46875rem; --oj-c-PRIVATE-DO-NOT-USE-button-icon-size: 1.25rem; } :root { --oj-c-PRIVATE-DO-NOT-USE-button-icon-size: var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg); } /* end:src/UNSAFE_Button/themes/redwood/ButtonLayout.css */ /* start:src/UNSAFE_Chip/themes/redwood/Chip.css */ :root { /* default chip */ --oj-c-PRIVATE-DO-NOT-USE-chip-bg-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-3); --oj-c-PRIVATE-DO-NOT-USE-chip-text-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast); --oj-c-PRIVATE-DO-NOT-USE-chip-font-size: var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size); --oj-c-PRIVATE-DO-NOT-USE-chip-font-weight: 600; --oj-c-PRIVATE-DO-NOT-USE-chip-line-height: var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-line-height); --oj-c-PRIVATE-DO-NOT-USE-chip-border-radius: var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg); } /* end:src/UNSAFE_Chip/themes/redwood/Chip.css */ /* start:src/UNSAFE_Collapsible/themes/redwood/Collapsible.css */ /* end:src/UNSAFE_Collapsible/themes/redwood/Collapsible.css */ /* start:src/UNSAFE_Collection/themes/redwood/Collection.css */ :root { --oj-c-PRIVATE-DO-NOT-USE-collection-sparkle-img: url(./images/AI-Sparkle.gif), url(../../css/redwood/images/AI-Sparkle.gif); --oj-c-PRIVATE-NOT-USE-collection-list-row-height: 3rem; --oj-PRIVATE-DO-NOT-USE-collection-list-cell-padding-vertical: var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x); } /* end:src/UNSAFE_Collection/themes/redwood/Collection.css */ /* start:src/UNSAFE_ComponentMessage/themes/redwood/ComponentMessaging.css */ :root { --oj-c-PRIVATE-DO-NOT-USE-message-inline-start-icon-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-info-3); --oj-c-PRIVATE-DO-NOT-USE-message-inline-start-icon-size: 1rem; --oj-c-PRIVATE-DO-NOT-USE-message-inline-summary-text-color: var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-text-color); --oj-c-PRIVATE-DO-NOT-USE-message-inline-summary-text-weight: 400; --oj-c-PRIVATE-DO-NOT-USE-message-inline-summary-text-size: var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-font-size); --oj-c-PRIVATE-DO-NOT-USE-message-inline-summary-line-height: 1.333rem; } .oj-c-messageinline-error { --oj-c-PRIVATE-DO-NOT-USE-message-inline-start-icon-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3); } .oj-c-messageinline-warning { --oj-c-PRIVATE-DO-NOT-USE-message-inline-start-icon-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3); } .oj-c-messageinline-confirmation { --oj-c-PRIVATE-DO-NOT-USE-message-inline-start-icon-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3); } .oj-c-messageinline-info { --oj-c-PRIVATE-DO-NOT-USE-message-inline-start-icon-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-info-3); } /* end:src/UNSAFE_ComponentMessage/themes/redwood/ComponentMessaging.css */ /* start:src/UNSAFE_FilePicker/themes/redwood/FilePicker.css */ :root { --oj-c-PRIVATE-DO-NOT-USE-file-picker-border-radius: var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-xl); --oj-c-PRIVATE-DO-NOT-USE-file-picker-border-width: 1px; --oj-c-PRIVATE-DO-NOT-USE-file-picker-border-color: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190), 0.65); --oj-c-PRIVATE-DO-NOT-USE-file-picker-bg-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-content); --oj-c-PRIVATE-DO-NOT-USE-file-picker-cursor: pointer; --oj-c-PRIVATE-DO-NOT-USE-file-picker-padding: 1.5rem; } .oj-c-valid-drop { --oj-c-PRIVATE-DO-NOT-USE-file-picker-bg-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover); } .oj-c-invalid-drop { --oj-c-PRIVATE-DO-NOT-USE-file-picker-border-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-1); } .oj-c-filepicker-disabled { --oj-c-PRIVATE-DO-NOT-USE-file-picker-bg-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-color-disabled-1); --oj-c-PRIVATE-DO-NOT-USE-file-picker-border-color: transparent; --oj-c-PRIVATE-DO-NOT-USE-file-picker-cursor: auto; } /* end:src/UNSAFE_FilePicker/themes/redwood/FilePicker.css */ /* start:src/UNSAFE_Indexer/themes/redwood/UNSAFE_Indexer.css */ :root { --oj-c-PRIVATE-DO-NOT-USE-indexer-text-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary); --oj-c-PRIVATE-DO-NOT-USE-indexer-font-size: var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size); } /* end:src/UNSAFE_Indexer/themes/redwood/UNSAFE_Indexer.css */ /* start:src/UNSAFE_Label/themes/redwood/Label.css */ :root { --oj-c-PRIVATE-DO-NOT-USE-label-font-size: var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size); --oj-c-PRIVATE-DO-NOT-USE-label-font-weight: 600; --oj-c-PRIVATE-DO-NOT-USE-label-line-height: var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-line-height); --oj-c-PRIVATE-DO-NOT-USE-label-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary); --oj-c-PRIVATE-DO-NOT-USE-label-color-disabled: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled); --oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size: var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size); --oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight: 600; --oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height: var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-line-height); --oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top: 0.5rem; --oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary); --oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-brand-rgb-110)); /* TODO: This is also used by LabelValueLayout, so where should it live? */ /* top aligned labels by default labels are display: block and therefore render on top of the field. This variable controls the vertical spacing between labels and fields */ --oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding: 0.5rem; /* in a form layout when the labels are inline what is the default label alignment */ --oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-text-align: end; } /* end:src/UNSAFE_Label/themes/redwood/Label.css */ /* start:src/UNSAFE_Link/themes/redwood/Link.css */ :root { --oj-c-link-standalone-text-decoration: none; --oj-c-link-standalone-text-decoration-hover: underline; --oj-c-link-embedded-text-decoration-hover: none; --oj-c-link-embedded-text-decoration: underline; --oj-c-link-text-underline-offset: 0.15em; --oj-c-link-text-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-info-3); --oj-c-link-text-color-active: var(--oj-c-link-text-color); --oj-c-link-text-color-visited: var(--oj-c-link-text-color); } /* end:src/UNSAFE_Link/themes/redwood/Link.css */ /* start:src/UNSAFE_Menu/themes/redwood/MenuDivider.css */ :root { --oj-c-PRIVATE-DO-NOT-USE-menu-divider-vertical-padding: var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x); } /* end:src/UNSAFE_Menu/themes/redwood/MenuDivider.css */ /* start:src/UNSAFE_Menu/themes/redwood/MenuItem.css */ :root { --oj-c-PRIVATE-DO-NOT-USE-menu-icon-size: var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg); --oj-c-PRIVATE-DO-NOT-USE-menu-start-edge-to-start-icon-padding: var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x); --oj-c-PRIVATE-DO-NOT-USE-menu-end-icon-to-end-edge-padding: var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x); --oj-c-PRIVATE-DO-NOT-USE-menu-start-icon-to-label-padding: var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x); --oj-c-PRIVATE-DO-NOT-USE-menu-label-to-end-icon-padding: var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-8x); --oj-c-PRIVATE-DO-NOT-USE-menu-text-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary); --oj-c-PRIVATE-DO-NOT-USE-menu-icon-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary); } /* end:src/UNSAFE_Menu/themes/redwood/MenuItem.css */ /* start:src/UNSAFE_MessageBanner/themes/redwood/MessageBanner.css */ :root { --oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-3); --oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-info-3); --oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-size: 1rem; --oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-info-3); --oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-weight: var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-xs-font-weight); --oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-size: var(--oj-c-PRIVATE-DO-NOT-USE-typography-subheading-xs-font-size); --oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height: 1.25rem; } .oj-c-messagebanner-error { --oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-3); --oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3); --oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3); } .oj-c-messagebanner-warning { --oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-3); --oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3); --oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3); } .oj-c-messagebanner-confirmation { --oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-3); --oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3); --oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3); } .oj-c-messagebanner-info { --oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-3); --oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-info-3); --oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-info-3); } /* end:src/UNSAFE_MessageBanner/themes/redwood/MessageBanner.css */ /* start:src/UNSAFE_MessageToast/themes/redwood/MessageToast.css */ :root { --oj-c-PRIVATE-DO-NOT-USE-message-toast-background-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-3); --oj-c-PRIVATE-DO-NOT-USE-message-toast-max-width-lg: calc(150 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)); --oj-c-PRIVATE-DO-NOT-USE-message-toast-max-width-md: calc(100vw - var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-12x)); --oj-c-PRIVATE-DO-NOT-USE-message-toast-max-width-sm: calc(100vw - var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-8x)); --oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary); --oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size: var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-6x); --oj-c-PRIVATE-DO-NOT-USE-message-toast-summary-text-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary); --oj-c-PRIVATE-DO-NOT-USE-message-toast-summary-text-weight: normal; --oj-c-PRIVATE-DO-NOT-USE-message-toast-summary-text-size: var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size); --oj-c-PRIVATE-DO-NOT-USE-message-toast-summary-line-height: var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x); --oj-c-PRIVATE-DO-NOT-USE-message-toast-detail-text-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary); } .oj-c-colorscheme-dark, .oj-color-invert { /* Override MessageToast css vars for dark theme */ --oj-c-PRIVATE-DO-NOT-USE-message-toast-background-color: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-160)); --oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-color: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-0)); --oj-c-PRIVATE-DO-NOT-USE-message-toast-summary-text-color: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-0)); --oj-c-PRIVATE-DO-NOT-USE-message-toast-detail-text-color: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-0), 0.6); } /* end:src/UNSAFE_MessageToast/themes/redwood/MessageToast.css */ /* start:src/UNSAFE_MeterBar/themes/redwood/MeterBar.css */ :root { --oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size: var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x); --oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size: var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x); --oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size: var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x); } /* end:src/UNSAFE_MeterBar/themes/redwood/MeterBar.css */ /* start:src/UNSAFE_MeterCircle/themes/redwood/MeterCircle.css */ :root { --oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size: calc(49 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)); --oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-track-size: var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x); --oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size: calc(24 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)); --oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-track-size: var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x); --oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size: calc(14 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)); --oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-track-size: var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x); } /* end:src/UNSAFE_MeterCircle/themes/redwood/MeterCircle.css */ /* start:src/UNSAFE_Modal/__dev__/themes/redwood/Dialog.css */ :root { --oj-c-PRIVATE-DO-NOT-USE-dialog-bg-color: rgb(251, 249, 248);/*rgb(var(--oj-palette-neutral-rgb-10));*/ --oj-c-PRIVATE-DO-NOT-USE-dialog-border-color: rgba(22, 21, 19, .1);/*rgba(var(--oj-palette-neutral-rgb-190),.1);*/ --oj-c-PRIVATE-DO-NOT-USE-dialog-border-radius: .375rem;/*var(--oj-core-border-radius-lg);*/ --oj-c-PRIVATE-DO-NOT-USE-dialog-box-shadow: 0px 12px 20px 0px rgba(00, 00, 00, 0.28);/*0px 12px 20px 0px rgba(var(--oj-core-box-shadow-rgb),0.28);*//*var(--oj-core-box-shadow-xl);*/ --oj-c-PRIVATE-DO-NOT-USE-dialog-cancel-icon-margin-top: -1.5rem; --oj-c-PRIVATE-DO-NOT-USE-dialog-cancel-icon-margin-end: -1.5rem; --oj-c-PRIVATE-DO-NOT-USE-dialog-header-padding-top: 2.75rem; --oj-c-PRIVATE-DO-NOT-USE-dialog-header-padding-right: 2rem; --oj-c-PRIVATE-DO-NOT-USE-dialog-header-padding-bottom: 0.75rem; --oj-c-PRIVATE-DO-NOT-USE-dialog-header-padding-left: 2rem; --oj-c-PRIVATE-DO-NOT-USE-dialog-body-padding-top: 0; --oj-c-PRIVATE-DO-NOT-USE-dialog-body-padding-right: 2rem; --oj-c-PRIVATE-DO-NOT-USE-dialog-body-padding-bottom: 1rem; --oj-c-PRIVATE-DO-NOT-USE-dialog-body-padding-left: 2rem; --oj-c-PRIVATE-DO-NOT-USE-dialog-footer-padding-top: 1rem; --oj-c-PRIVATE-DO-NOT-USE-dialog-footer-padding-right: 2rem; --oj-c-PRIVATE-DO-NOT-USE-dialog-footer-padding-bottom: 2rem; --oj-c-PRIVATE-DO-NOT-USE-dialog-footer-padding-left: 2rem; --oj-c-PRIVATE-DO-NOT-USE-dialog-header-bg-color: transparent; --oj-c-PRIVATE-DO-NOT-USE-dialog-header-border-color: transparent; --oj-c-PRIVATE-DO-NOT-USE-dialog-title-font-size: 1.25rem;/*var(--oj-typography-heading-xs-font-size);*/ --oj-c-PRIVATE-DO-NOT-USE-dialog-title-line-height: 1.4;/*var(--oj-typography-heading-xs-line-height);*/ --oj-c-PRIVATE-DO-NOT-USE-dialog-title-font-weight: 900;/*var(--oj-typography-heading-xs-font-weight);*/ --oj-c-PRIVATE-DO-NOT-USE-dialog-title-text-color: rgb(22, 21, 19);/*rgb(var(--oj-palette-neutral-rgb-190));*?/*var(--oj-core-text-color-primary);*/ } /* end:src/UNSAFE_Modal/__dev__/themes/redwood/Dialog.css */ /* start:src/UNSAFE_Popup/themes/redwood/Popup.css */ :root { --oj-c-PRIVATE-DO-NOT-USE-popup-bg-color: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-0)); --oj-c-PRIVATE-DO-NOT-USE-popup-border-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color); --oj-c-PRIVATE-DO-NOT-USE-popup-padding: var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x); --oj-c-PRIVATE-DO-NOT-USE-popup-box-shadow: var(--oj-c-PRIVATE-DO-NOT-USE-core-box-shadow-xs); } /* end:src/UNSAFE_Popup/themes/redwood/Popup.css */ /* start:src/UNSAFE_ProgressBar/themes/redwood/ProgressBar.css */ :root { --oj-c-PRIVATE-DO-NOT-USE-progress-bar-height: 6px; --oj-c-PRIVATE-DO-NOT-USE-progress-bar-border-radius: 3px; /* need to define vars for animation names because otherwise linaria will obfuscate them */ /* TODO: Animations should not be in the theme folder JET-50573 */ --oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation: progressBar; --oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation-rtl: progressBarRTL; } .oj-c-colorscheme-dark { --oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-150, 0.15)); --oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-40)); } @keyframes progressBar { 0% { left: -35%; right: 100%; } 60% { left: 100%; right: -90%; } 100% { left: 100%; right: -90%; } } @keyframes progressBarRTL { 0% { left: 100%; right: -35%; } 60% { left: -90%; right: 100%; } 100% { left: -90%; right: 100%; } } /* end:src/UNSAFE_ProgressBar/themes/redwood/ProgressBar.css */ /* start:src/UNSAFE_ProgressCircle/themes/redwood/ProgressCircle.css */ :root { /* need to define vars for animation names because otherwise linaria will obfuscate them */ /* TODO: Animations should not be in the theme folder JET-50573 */ --oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-length-animation: circleLength; --oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-rotation-animation: circleRotation; } .oj-c-progress-circle-sm { --oj-c-PRIVATE-DO-NOT-USE-progress-circle-size: 1.5rem; --oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width: 2px; } .oj-c-progress-circle-md { --oj-c-PRIVATE-DO-NOT-USE-progress-circle-size: 3rem; --oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width: 0.25rem; } .oj-c-progress-circle-lg { --oj-c-PRIVATE-DO-NOT-USE-progress-circle-size: 6rem; --oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width: 0.375rem; } @keyframes circleRotation { 0% { transform: rotate(30deg); } 100% { transform: rotate(390deg); } } @keyframes circleLength { 0% { clip-path: polygon(21.1% 0, 21.1% 0, 21.1% 0, 50% 50%, 78.9% 0, 78.9% 0, 78.9% 0); } 6.25% { clip-path: polygon(0 0, 0 0, 0 0, 50% 50%, 100% 0, 100% 0, 100% 0); } 43.75% { clip-path: polygon(0 0, 0 100%, 0 100%, 50% 50%, 100% 100%, 100% 100%, 100% 0); } 50% { clip-path: polygon(0 0, 0 100%, 21.1% 100%, 50% 50%, 78.9% 100%, 100% 100%, 100% 0); } 56.25% { clip-path: polygon(0 0, 0 100%, 0 100%, 50% 50%, 100% 100%, 100% 100%, 100% 0); } 93.75% { clip-path: polygon(0 0, 0 0, 0 0, 50% 50%, 100% 0, 100% 0, 100% 0); } 100% { clip-path: polygon(21.1% 0, 21.1% 0, 21.1% 0, 50% 50%, 78.9% 0, 78.9% 0, 78.9% 0); } } /* end:src/UNSAFE_ProgressCircle/themes/redwood/ProgressCircle.css */ /* start:src/UNSAFE_RatingGauge/themes/redwood/RatingGauge.css */ :root { --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190)); --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190)); --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected: transparent; --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190)); --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-disabled: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled); --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-disabled: transparent; --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-disabled: transparent; --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-disabled: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled); --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190)); --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-readonly: transparent; --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-readonly: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-170), 0.15); --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-readonly: transparent; --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size: 1rem; --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size: 1.25rem; --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size: 2.25rem; } .oj-c-rating-gauge-gold { --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-warning-rgb-100)); --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-warning-rgb-100)); --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-warning-rgb-100)); --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-warning-rgb-100)); } .oj-c-rating-gauge-success { --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected: var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-success); --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected: var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-success); --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly: var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-success); } .oj-c-rating-gauge-warning { --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected: var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-warning); --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected: var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-warning); --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly: var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-warning); } .oj-c-rating-gauge-danger { --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected: var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger); --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected: var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger); --oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly: var(--oj-c-PRIVATE-DO-NOT-USE-dvt-threshold-danger); } /* end:src/UNSAFE_RatingGauge/themes/redwood/RatingGauge.css */ /* start:src/UNSAFE_Selector/themes/redwood/Selector.css */ :root { --oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-unselected: rgb(var(--oj-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190)); --oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-selected: rgb(var(--oj-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190)); --oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-input-size: var(--oj-PRIVATE-DO-NOT-USE-spacing-4x); --oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-input-transform-active: scale(0.75); } /* end:src/UNSAFE_Selector/themes/redwood/Selector.css */ /* start:src/UNSAFE_Skeleton/themes/redwood/UNSAFE_Skeleton.css */ :root { --oj-c-PRIVATE-DO-NOT-USE-skeleton-bg-start-color: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-170), 0.05); --oj-c-PRIVATE-DO-NOT-USE-skeleton-bg-end-color: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-170), 0.15); /* need to define vars for animation names because otherwise linaria will obfuscate them */ --oj-c-PRIVATE-DO-NOT-USE-private-preact-skeleton-animation-name: SkeletonAnimation; } @keyframes SkeletonAnimation { 0% { background-color: var(--oj-c-PRIVATE-DO-NOT-USE-skeleton-bg-end-color); } 100% { background-color: var(--oj-c-PRIVATE-DO-NOT-USE-skeleton-bg-start-color); } } /* end:src/UNSAFE_Skeleton/themes/redwood/UNSAFE_Skeleton.css */ /* start:src/UNSAFE_TextField/themes/redwood/FormLayout.css */ :root { /* gutter (padding) between the inline label and the control */ --oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding: 1.5rem; } /* end:src/UNSAFE_TextField/themes/redwood/FormLayout.css */ /* start:src/UNSAFE_TextField/themes/redwood/TextField.css */ :root { --oj-c-PRIVATE-DO-NOT-USE-text-field-border-color: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190),0.5); --oj-c-PRIVATE-DO-NOT-USE-text-field-border-width: 1px; --oj-c-PRIVATE-DO-NOT-USE-text-field-border-radius: var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md); --oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-0)); --oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-focus: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-brand-rgb-110)); --oj-c-PRIVATE-DO-NOT-USE-text-field-box-shadow-focus: 0 0 0 1px rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-brand-rgb-110)) inset; --oj-c-PRIVATE-DO-NOT-USE-text-field-font-size: var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size); --oj-c-PRIVATE-DO-NOT-USE-text-field-height: 2.75rem; /* controls the padding inside text field */ --oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding: var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x); --oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-edge-padding: var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x); /* TODO: This is also used by Label, so where should it live? */ --oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding: var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x); /* variables that apply when the label-edge is inside */ --oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height: 3.25rem; --oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top: 0.8125rem; /* Enabled */ --oj-c-PRIVATE-DO-NOT-USE-text-field-text-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary); /* Disabled */ --oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color-disabled: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-0),0.3); --oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-disabled: var(--oj-c-PRIVATE-DO-NOT-USE-core-color-disabled-2); --oj-c-PRIVATE-DO-NOT-USE-text-field-text-color-disabled: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled); /* skeleton animation */ --oj-c-PRIVATE-DO-NOT-USE-animation-skeleton-bg-start-color: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-170), 0.05); --oj-c-PRIVATE-DO-NOT-USE-animation-skeleton-bg-end-color: rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-170), 0.15); /* need to define vars for animation names because otherwise linaria will obfuscate them */ --oj-c-PRIVATE-DO-NOT-USE-private-preact-text-field-animation-name-placeholder: animatePlaceholder; --oj-c-PRIVATE-DO-NOT-USE-private-preact-text-field-animation-name-skeleton: SkeletonAnimation; } /* define classes because we want to show the box shadow on focus only in redwood, not stable */ .oj-c-text-field-error { --oj-c-PRIVATE-DO-NOT-USE-text-field-box-shadow-focus: 0 0 0 1px var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3) inset; } .oj-c-text-field-warning { --oj-c-PRIVATE-DO-NOT-USE-text-field-box-shadow-focus: 0 0 0 1px var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3) inset; } /* clears the 'X' from Chrome */ .oj-c-text-field-input::-webkit-search-decoration, .oj-c-text-field-input::-webkit-search-cancel-button, .oj-c-text-field-input::-webkit-search-results-button, .oj-c-text-field-input::-webkit-search-results-decoration { display: none; } /* Hides the scrollbar from the readonly field in Chrome */ .oj-c-hide-scrollbar::-webkit-scrollbar { width: 0; height: 0; } /* Animate placeholder for inside labels. Since we can't directly animate the placeholder because of the way it's added to the DOM, we animate the input from opacity .001 to 1. WebdriverJS can't locate input elements that are opacity:0, and ios doesn't scroll into view on focus if opacity:0 which is why we start at .001 and not 0. And to limit the scope of when we set opacity: .001, we only do this on focus. */ @keyframes animatePlaceholder { from { opacity: .001; } to { opacity: 1; } } @keyframes SkeletonAnimation { 0% { background-color: var(--oj-c-PRIVATE-DO-NOT-USE-animation-skeleton-bg-end-color); } 100% { background-color: var(--oj-c-PRIVATE-DO-NOT-USE-animation-skeleton-bg-start-color); } } /* end:src/UNSAFE_TextField/themes/redwood/TextField.css */ /* start:src/UNSAFE_UserAssistance/themes/redwood/UserAssistance.css */ :root { --oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-text-color: var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary); --oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-font-size: var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size); --oj-c-PRIVATE-DO-NOT-USE-link-text-decoration-line: none; --oj-c-PRIVATE-DO-NOT-USE-link-text-decoration-line-hover: underline; --oj-c-PRIVATE-DO-NOT-USE-link-text-color: rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-info-rgb-120)); --oj-c-PRIVATE-DO-NOT-USE-link-text-color-active: var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color); --oj-c-PRIVATE-DO-NOT-USE-link-text-color-visited: var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color); } /* end:src/UNSAFE_UserAssistance/themes/redwood/UserAssistance.css */