mirror of
https://github.com/bitwarden/browser
synced 2025-12-12 22:33:35 +00:00
ea97ffe60e
* Cherry pick pending PR for tabs component [CL-17] Tabs - Routing * Update organization tabs from 4 to 6 * Create initial 'Members' tab * Create initial 'Groups' tab * Add initial "Reporting" tab * Use correct report label/layout by product type * Create initial 'Billing' tab * Breakup billing payment and billing history pages * Cleanup org routing and nav permission service * More org tab permission cleanup * Refactor organization billing to use a module * Refactor organization reporting to use module * Cherry pick finished/merged tabs component [CL-17] Tabs - Router (#2952) * This partially reverts commit24bb775to fix tracking of people.component.html rename. * Fix people component file rename * Recover lost member page changes * Undo members component rename as it was causing difficult merge conflicts * Fix member and group page container * Remove unnecessary organization lookup * [EC-8] Some PR suggestions * [EC-8] Reuse user billing history for orgs * [EC-8] Renamed user billing history component * [EC-8] Repurpose payment method component Update end user payment method component to be usable for organizations. * [EC-8] Fix missing verify bank condition * [EC-8] Remove org payment method component * [EC-8] Use CL in payment method component * [EC-8] Extend maxWidth Tailwind theme config * [EC-8] Add lazy loading to org reports * [EC-8] Add lazy loading to org billing * [EC-8] Prettier * [EC-8] Cleanup org reporting component redundancy * [EC-8] Use different class for negative margin * [EC-8] Make billing history component "dumb" * Revert "[EC-8] Cleanup org reporting component redundancy" This reverts commiteca337e89b. * [EC-8] Create and export shared reports module * [EC-8] Use shared reports module in orgs * [EC-8] Use takeUntil pattern * [EC-8] Move org reporting module out of old modules folder * [EC-8] Move org billing module out of old modules folder * [EC-8] Fix some remaining merge conflicts * [EC-8] Move maxWidth into 'extend' key for Tailwind config * [EC-8] Remove unused module * [EC-8] Rename org report list component * Prettier Co-authored-by: Vincent Salucci <vincesalucci21@gmail.com>
88 lines
2.3 KiB
JavaScript
88 lines
2.3 KiB
JavaScript
/* eslint-disable */
|
|
const colors = require("tailwindcss/colors");
|
|
|
|
function rgba(color) {
|
|
return "rgb(var(" + color + ") / <alpha-value>)";
|
|
}
|
|
|
|
module.exports = {
|
|
prefix: "tw-",
|
|
content: ["./src/**/*.{html,ts}", "../../libs/components/src/**/*.{html,ts}"],
|
|
safelist: [],
|
|
corePlugins: { preflight: false },
|
|
theme: {
|
|
colors: {
|
|
transparent: colors.transparent,
|
|
current: colors.current,
|
|
black: colors.black,
|
|
primary: {
|
|
300: rgba("--color-primary-300"),
|
|
500: rgba("--color-primary-500"),
|
|
700: rgba("--color-primary-700"),
|
|
},
|
|
secondary: {
|
|
100: rgba("--color-secondary-100"),
|
|
300: rgba("--color-secondary-300"),
|
|
500: rgba("--color-secondary-500"),
|
|
700: rgba("--color-secondary-700"),
|
|
},
|
|
success: {
|
|
500: rgba("--color-success-500"),
|
|
700: rgba("--color-success-700"),
|
|
},
|
|
danger: {
|
|
500: rgba("--color-danger-500"),
|
|
700: rgba("--color-danger-700"),
|
|
},
|
|
warning: {
|
|
500: rgba("--color-warning-500"),
|
|
700: rgba("--color-warning-700"),
|
|
},
|
|
info: {
|
|
500: rgba("--color-info-500"),
|
|
700: rgba("--color-info-700"),
|
|
},
|
|
text: {
|
|
main: rgba("--color-text-main"),
|
|
muted: rgba("--color-text-muted"),
|
|
contrast: rgba("--color-text-contrast"),
|
|
alt2: rgba("--color-text-alt2"),
|
|
},
|
|
background: {
|
|
DEFAULT: rgba("--color-background"),
|
|
alt: rgba("--color-background-alt"),
|
|
alt2: rgba("--color-background-alt2"),
|
|
},
|
|
},
|
|
textColor: {
|
|
main: rgba("--color-text-main"),
|
|
muted: rgba("--color-text-muted"),
|
|
contrast: rgba("--color-text-contrast"),
|
|
alt2: rgba("--color-text-alt2"),
|
|
success: rgba("--color-success-500"),
|
|
danger: rgba("--color-danger-500"),
|
|
warning: rgba("--color-warning-500"),
|
|
info: rgba("--color-info-500"),
|
|
primary: {
|
|
300: rgba("--color-primary-300"),
|
|
500: rgba("--color-primary-500"),
|
|
700: rgba("--color-primary-700"),
|
|
},
|
|
},
|
|
ringOffsetColor: ({ theme }) => ({
|
|
DEFAULT: theme("colors.background"),
|
|
...theme("colors"),
|
|
}),
|
|
extend: {
|
|
width: {
|
|
"50vw": "50vw",
|
|
"75vw": "75vw",
|
|
},
|
|
maxWidth: ({ theme }) => ({
|
|
...theme("width"),
|
|
}),
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|