voa-ds-core 1.0.56 → 1.0.59

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.
Files changed (12) hide show
  1. package/dist/cjs/index.cjs.js +23 -2
  2. package/dist/cjs/index.cjs.js.map +1 -1
  3. package/dist/collection/components/Theme/generate-css-variables.js +23 -2
  4. package/dist/collection/components/Theme/generate-css-variables.js.map +1 -1
  5. package/dist/custom-elements/index.js +23 -2
  6. package/dist/custom-elements/index.js.map +1 -1
  7. package/dist/esm/index.js +23 -2
  8. package/dist/esm/index.js.map +1 -1
  9. package/dist/styles/voa-components.css +2 -2
  10. package/dist/voa/index.esm.js +1 -1
  11. package/dist/voa/index.esm.js.map +1 -1
  12. package/package.json +1 -1
package/dist/cjs/index.cjs.js CHANGED
@@ -240,12 +240,33 @@ const brandingTokens = {
240
240
  Godrive,
241
241
  };
242
242
 
243
+ // Mapeamento de nomes dos tokens para variáveis CSS
244
+ const colorKeyMapping = {
245
+ primary: 'colors-light-primary-light',
246
+ primary100: 'colors-light-primary-light-100',
247
+ primary200: 'colors-light-primary-light-200',
248
+ primary400: 'colors-light-primary-light-400',
249
+ primary500: 'colors-light-primary-light-500',
250
+ primaryOpacity50: 'colors-light-primary-light-opacity-50',
251
+ primaryOpacity25: 'colors-light-primary-light-opacity-25',
252
+ primaryOpacity15: 'colors-light-primary-light-opacity-15',
253
+ secondary: 'colors-light-secondary-light',
254
+ secondary100: 'colors-light-secondary-light-100',
255
+ secondary200: 'colors-light-secondary-light-200',
256
+ secondary400: 'colors-light-secondary-light-400',
257
+ secondary500: 'colors-light-secondary-light-500',
258
+ secondaryOpacity50: 'colors-light-secondary-light-opacity-50',
259
+ secondaryOpacity25: 'colors-light-secondary-light-opacity-25',
260
+ secondaryOpacity15: 'colors-light-secondary-light-opacity-15',
261
+ neutral: 'colors-light-neutral',
262
+ };
243
263
  function generateCSSVariables(tokens, theme) {
244
264
  let cssVariables = '';
245
- // Brand colors
265
+ // Brand colors - usando mapeamento correto para variáveis CSS
246
266
  const brandColors = tokens.colors[theme];
247
267
  Object.entries(brandColors).forEach(([key, value]) => {
248
- cssVariables += `--${key}: ${value};\n`;
268
+ const cssVarName = colorKeyMapping[key] || key;
269
+ cssVariables += `--${cssVarName}: ${value};\n`;
249
270
  });
250
271
  // Base colors
251
272
  Object.entries(tokens.base.colors).forEach(([group, values]) => {
package/dist/cjs/index.cjs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs.js","sources":["src/token/base/colors.ts","src/token/base/mediaQueries.ts","src/token/base/radius.ts","src/token/base/spacing.ts","src/token/branding/coi.ts","src/token/branding/godrive.ts","src/token/branding/devops.ts","src/token/branding/index.ts","src/components/Theme/generate-css-variables.ts","src/components/Theme/ThemeProvider.tsx"],"sourcesContent":["import { BaseTokens } from \"../branding/type\";\r\n\r\nexport const baseColors: BaseTokens['colors'] = {\r\n neutral: {\r\n 100: '#FFFFFF',\r\n 200: '#E7E7E7',\r\n 300: '#969696',\r\n 400: '#585757',\r\n 500: '#1C1C1C',\r\n 600: '#000000'\r\n },\r\n action: {\r\n 100: '#03A678',\r\n 200: '#088A66',\r\n 300: '#0D6F53',\r\n 400: '#125341',\r\n 500: '#866EAF'\r\n },\r\n brand: {\r\n 100: '#CE2A36',\r\n 200: '#AA2731',\r\n 300: '#87242C',\r\n 400: '#632226'\r\n },\r\n feedback: {\r\n info100: '#2391E1',\r\n success100: '#029C49',\r\n warning100: '#DF8F16',\r\n error100: '#F14444',\r\n info200: '#2391E1',\r\n success200: '#029C49',\r\n warning200: '#DF8F16',\r\n error200: '#F14444'\r\n },\r\n background: {\r\n 100: '#FFFFFF',\r\n 200: '#F7F7F7',\r\n info: '#C9E5FA',\r\n success: '#C0E6D1',\r\n warning: '#F7E3C5',\r\n error: '#FBD0D0'\r\n }\r\n};","const mediaQueries = {\r\n screenXxs: '375px',\r\n screenXs: '520px', // Extra small screen / phone\r\n screenSm: '768px', // Small screen / tablet\r\n screenMd: '1024px', // Medium screen / desktop\r\n screenLg: '1280px', // Large screen / wide desktop\r\n screenXlg: '1440px', // Rich people screen / wide desktop\r\n screenXxlg: '1920px',\r\n screenXxxlg: '2560px', // This breakpoint is used to Correct both AppHeader and AppFooter\r\n}\r\n\r\nexport { mediaQueries }\r\n","const BorderRadius = {\r\n 1: '0px',\r\n 2: '4px',\r\n 3: '8px',\r\n 4: '100px',\r\n}\r\n\r\nexport { BorderRadius } \r\n","const Spacing = {\r\n 1: '0.125rem',\r\n 2: '0.25rem',\r\n 3: '0.5rem',\r\n 4: '1rem',\r\n 5: '1.5rem',\r\n 6: '2rem',\r\n 7: '2.5rem',\r\n 8: '3rem',\r\n 9: '3.5rem',\r\n}\r\n\r\nexport { Spacing } \r\n","import { baseColors } from \"../base/colors\";\r\nimport { mediaQueries } from \"../base/mediaQueries\";\r\nimport { BorderRadius } from \"../base/radius\";\r\nimport { Spacing } from \"../base/spacing\";\r\nimport { Theme } from \"./type\";\r\n\r\nexport const Coi: Theme = {\r\n colors: {\r\n light: {\r\n primary: '#0064cb',\r\n primary100: '#00b8ff',\r\n primary200: '#008fff',\r\n primary400: '#0071c8',\r\n primary500: '#00398d',\r\n primaryOpacity50: '#0064cb80',\r\n primaryOpacity25: '#0064cb40',\r\n primaryOpacity15: '#0064cb26',\r\n secondary: '#00e5ce',\r\n secondary100: '#b5eee3',\r\n secondary200: '#7dead8',\r\n secondary400: '#49bcab',\r\n secondary500: '#01af9d',\r\n secondaryOpacity50: '#00e5ce80',\r\n secondaryOpacity25: '#00e5ce40',\r\n secondaryOpacity15: '#00e5ce26',\r\n neutral: '#ffffff'\r\n },\r\n dark: {\r\n primary: '#00e5ce',\r\n primary100: '#b5eee3',\r\n primary200: '#7dead8',\r\n primary400: '#49bcab',\r\n primary500: '#01af9d',\r\n primaryOpacity50: '#00e5ce80',\r\n primaryOpacity25: '#00e5ce40',\r\n primaryOpacity15: '#00e5ce26',\r\n secondary: '#0064cb',\r\n secondary100: '#00b8ff',\r\n secondary200: '#008fff',\r\n secondary400: '#0071c8',\r\n secondary500: '#00398d',\r\n secondaryOpacity50: '#0064cb80',\r\n secondaryOpacity25: '#0064cb40',\r\n secondaryOpacity15: '#0064cb26',\r\n neutral: '#dfdfdf'\r\n }\r\n },\r\n type: {\r\n familySans: 'Lato',\r\n familySerif: 'Stri',\r\n familyMono: 'Roboto Mono'\r\n },\r\n base: {\r\n colors: baseColors,\r\n spacing: Spacing,\r\n borderRadius: BorderRadius,\r\n mediaQueries: mediaQueries\r\n }\r\n};\r\n","import { baseColors } from \"../base/colors\";\r\nimport { mediaQueries } from \"../base/mediaQueries\";\r\nimport { BorderRadius } from \"../base/radius\";\r\nimport { Spacing } from \"../base/spacing\";\r\nimport { Theme } from \"./type\";\r\n\r\nexport const Godrive: Theme = {\r\n colors: {\r\n light: {\r\n primary: '#961e96',\r\n primary100: '#e171e1',\r\n primary200: '#c348c3',\r\n primary400: '#741472',\r\n primary500: '#5c2e5c',\r\n primaryOpacity50: '#961e9680',\r\n primaryOpacity25: '#961e9640',\r\n primaryOpacity15: '#961e9626',\r\n secondary: '#ffa000',\r\n secondary100: '#f1d2b4',\r\n secondary200: '#fdb96b',\r\n secondary400: '#faa96f',\r\n secondary500: '#f48120',\r\n secondaryOpacity50: '#ffa00080',\r\n secondaryOpacity25: '#ffa00040',\r\n secondaryOpacity15: '#ffa00026',\r\n neutral: '#ffffff'\r\n },\r\n dark: {\r\n primary: '#ffa000',\r\n primary100: '#f1d2b4',\r\n primary200: '#fdb96b',\r\n primary400: '#faa96f',\r\n primary500: '#f48120',\r\n primaryOpacity50: '#ffa00080',\r\n primaryOpacity25: '#ffa00040',\r\n primaryOpacity15: '#ffa00026',\r\n secondary: '#e171e1',\r\n secondary100: '#e171e1',\r\n secondary200: '#c348c3',\r\n secondary400: '#961e96',\r\n secondary500: '#741472',\r\n secondaryOpacity50: '#e171e180',\r\n secondaryOpacity25: '#e171e140',\r\n secondaryOpacity15: '#e171e126',\r\n neutral: '#a5a4a3'\r\n }\r\n },\r\n type: {\r\n familySans: 'Roboto',\r\n familySerif: 'Stri',\r\n familyMono: 'Roboto Mono'\r\n },\r\n base: {\r\n colors: baseColors,\r\n spacing: Spacing,\r\n borderRadius: BorderRadius,\r\n mediaQueries: mediaQueries\r\n }\r\n};","import { baseColors } from \"../base/colors\";\r\nimport { mediaQueries } from \"../base/mediaQueries\";\r\nimport { BorderRadius } from \"../base/radius\";\r\nimport { Spacing } from \"../base/spacing\";\r\nimport { Theme } from \"./type\";\r\n\r\nexport const Devops: Theme = {\r\n colors: {\r\n light: {\r\n primary: '#002d72',\r\n primary100: '#aaabd0',\r\n primary200: '#8689b8',\r\n primary400: '#00386a',\r\n primary500: '#002548',\r\n primaryOpacity50: '#002d7280',\r\n primaryOpacity25: '#002d7240',\r\n primaryOpacity15: '#002d7226',\r\n secondary: '#0072ce',\r\n secondary100: '#a0aed1',\r\n secondary200: '#6c8fd0',\r\n secondary400: '#0660b6',\r\n secondary500: '#074e9f',\r\n secondaryOpacity50: '#0072ce80',\r\n secondaryOpacity25: '#0072ce40',\r\n secondaryOpacity15: '#0072ce26',\r\n neutral: '#999999'\r\n },\r\n dark: {\r\n primary: '#495691',\r\n primary100: '#969abf',\r\n primary200: '#646ca0',\r\n primary400: '#2d4181',\r\n primary500: '#002d72',\r\n primaryOpacity50: '#49569180',\r\n primaryOpacity25: '#49569140',\r\n primaryOpacity15: '#49569126',\r\n secondary: '#608fda',\r\n secondary100: '#a9bdea',\r\n secondary200: '#7a9edf',\r\n secondary400: '#4180d4',\r\n secondary500: '#0072ce',\r\n secondaryOpacity50: '#608fda',\r\n secondaryOpacity25: '#608fda',\r\n secondaryOpacity15: '#608fda',\r\n neutral: '#bbc0c0'\r\n }\r\n },\r\n type: {\r\n familySans: 'Afacad',\r\n familySerif: 'Stri',\r\n familyMono: 'Stri'\r\n },\r\n base: {\r\n colors: baseColors,\r\n spacing: Spacing,\r\n borderRadius: BorderRadius,\r\n mediaQueries: mediaQueries\r\n }\r\n};\r\n","import { Coi } from './coi';\r\nimport { Godrive } from './godrive';\r\nimport { Devops } from './devops';\r\nimport { Theme } from './type';\r\n\r\nexport const brandingTokens : Record<string, Theme> = {\r\n Coi,\r\n Devops,\r\n Godrive,\r\n};\r\n","import { Theme } from \"../../token/branding/type\";\r\n\r\nexport function generateCSSVariables(tokens: Theme, theme: 'light' | 'dark'): string {\r\n let cssVariables = '';\r\n\r\n // Brand colors\r\n const brandColors = tokens.colors[theme];\r\n Object.entries(brandColors).forEach(([key, value]) => {\r\n cssVariables += `--${key}: ${value};\\n`;\r\n });\r\n\r\n // Base colors\r\n Object.entries(tokens.base.colors).forEach(([group, values]) => {\r\n Object.entries(values).forEach(([key, value]) => {\r\n cssVariables += `--${group}-${key}: ${value};\\n`;\r\n });\r\n });\r\n\r\n // Spacing\r\n Object.entries(tokens.base.spacing).forEach(([key, value]) => {\r\n cssVariables += `--spacing-${key}: ${value};\\n`;\r\n });\r\n\r\n // Border radius\r\n Object.entries(tokens.base.borderRadius).forEach(([key, value]) => {\r\n cssVariables += `--radius-${key}: ${value};\\n`;\r\n });\r\n\r\n // Media queries\r\n Object.entries(tokens.base.mediaQueries).forEach(([key, value]) => {\r\n cssVariables += `--media-${key}: ${value};\\n`;\r\n });\r\n\r\n // Typography\r\n Object.entries(tokens.type).forEach(([key, value]) => {\r\n cssVariables += `--font-${key}: ${value};\\n`;\r\n });\r\n\r\n return cssVariables;\r\n}","import { brandingTokens } from \"../../token/branding\";\r\nimport { Theme } from \"../../token/branding/type\";\r\nimport { generateCSSVariables } from \"./generate-css-variables\";\r\n\r\n\r\ntype ThemeMode = 'light' | 'dark';\r\ntype Brand = 'Devops' | 'Coi' | 'Godrive';\r\ntype ThemeChangeCallback = () => void;\r\n\r\nclass ThemeProvider {\r\n private static instance: ThemeProvider;\r\n private observers: ThemeChangeCallback[] = [];\r\n private theme: ThemeMode = 'light';\r\n private brand: Brand = 'Devops';\r\n private styleSheet: HTMLStyleElement | null = null;\r\n\r\n private constructor() {\r\n this.initializeStyleSheet();\r\n this.updateTheme();\r\n }\r\n\r\n private initializeStyleSheet() {\r\n this.styleSheet = document.createElement('style');\r\n this.styleSheet.id = 'ds-theme-variables';\r\n document.head.appendChild(this.styleSheet);\r\n }\r\n\r\n public static getInstance(): ThemeProvider {\r\n if (!ThemeProvider.instance) {\r\n ThemeProvider.instance = new ThemeProvider();\r\n }\r\n return ThemeProvider.instance;\r\n }\r\n\r\n public setTheme(theme: ThemeMode) {\r\n this.theme = theme;\r\n this.updateTheme();\r\n this.notifyObservers();\r\n }\r\n\r\n public setBrand(brand: Brand) {\r\n this.brand = brand;\r\n this.updateTheme();\r\n this.notifyObservers();\r\n }\r\n\r\n public getTheme(): ThemeMode {\r\n return this.theme;\r\n }\r\n\r\n public getBrand(): Brand {\r\n return this.brand;\r\n }\r\n\r\n public getCurrentTokens(): Theme {\r\n return brandingTokens[this.brand];\r\n }\r\n\r\n private updateTheme() {\r\n if (!this.styleSheet) {\r\n this.initializeStyleSheet();\r\n }\r\n\r\n console.log('updateTheme', this.theme, this.brand);\r\n\r\n const tokens = this.getCurrentTokens();\r\n const cssVariables = generateCSSVariables(tokens, this.theme);\r\n \r\n if (this.styleSheet) {\r\n this.styleSheet.textContent = `:root {\\n${cssVariables}}`;\r\n }\r\n\r\n document.documentElement.setAttribute('data-theme', this.theme);\r\n document.documentElement.setAttribute('data-brand', this.brand.toLowerCase());\r\n }\r\n\r\n public registerObserver(callback: ThemeChangeCallback) {\r\n this.observers.push(callback);\r\n }\r\n\r\n public unregisterObserver(callback: ThemeChangeCallback) {\r\n this.observers = this.observers.filter(cb => cb !== callback);\r\n }\r\n\r\n private notifyObservers() {\r\n this.observers.forEach(callback => callback());\r\n }\r\n\r\n public destroy() {\r\n this.styleSheet?.remove();\r\n this.styleSheet = null;\r\n }\r\n}\r\n\r\nexport const themeProvider = ThemeProvider.getInstance();\r\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.cjs.js","sources":["src/token/base/colors.ts","src/token/base/mediaQueries.ts","src/token/base/radius.ts","src/token/base/spacing.ts","src/token/branding/coi.ts","src/token/branding/godrive.ts","src/token/branding/devops.ts","src/token/branding/index.ts","src/components/Theme/generate-css-variables.ts","src/components/Theme/ThemeProvider.tsx"],"sourcesContent":["import { BaseTokens } from \"../branding/type\";\r\n\r\nexport const baseColors: BaseTokens['colors'] = {\r\n neutral: {\r\n 100: '#FFFFFF',\r\n 200: '#E7E7E7',\r\n 300: '#969696',\r\n 400: '#585757',\r\n 500: '#1C1C1C',\r\n 600: '#000000'\r\n },\r\n action: {\r\n 100: '#03A678',\r\n 200: '#088A66',\r\n 300: '#0D6F53',\r\n 400: '#125341',\r\n 500: '#866EAF'\r\n },\r\n brand: {\r\n 100: '#CE2A36',\r\n 200: '#AA2731',\r\n 300: '#87242C',\r\n 400: '#632226'\r\n },\r\n feedback: {\r\n info100: '#2391E1',\r\n success100: '#029C49',\r\n warning100: '#DF8F16',\r\n error100: '#F14444',\r\n info200: '#2391E1',\r\n success200: '#029C49',\r\n warning200: '#DF8F16',\r\n error200: '#F14444'\r\n },\r\n background: {\r\n 100: '#FFFFFF',\r\n 200: '#F7F7F7',\r\n info: '#C9E5FA',\r\n success: '#C0E6D1',\r\n warning: '#F7E3C5',\r\n error: '#FBD0D0'\r\n }\r\n};","const mediaQueries = {\r\n screenXxs: '375px',\r\n screenXs: '520px', // Extra small screen / phone\r\n screenSm: '768px', // Small screen / tablet\r\n screenMd: '1024px', // Medium screen / desktop\r\n screenLg: '1280px', // Large screen / wide desktop\r\n screenXlg: '1440px', // Rich people screen / wide desktop\r\n screenXxlg: '1920px',\r\n screenXxxlg: '2560px', // This breakpoint is used to Correct both AppHeader and AppFooter\r\n}\r\n\r\nexport { mediaQueries }\r\n","const BorderRadius = {\r\n 1: '0px',\r\n 2: '4px',\r\n 3: '8px',\r\n 4: '100px',\r\n}\r\n\r\nexport { BorderRadius } \r\n","const Spacing = {\r\n 1: '0.125rem',\r\n 2: '0.25rem',\r\n 3: '0.5rem',\r\n 4: '1rem',\r\n 5: '1.5rem',\r\n 6: '2rem',\r\n 7: '2.5rem',\r\n 8: '3rem',\r\n 9: '3.5rem',\r\n}\r\n\r\nexport { Spacing } \r\n","import { baseColors } from \"../base/colors\";\r\nimport { mediaQueries } from \"../base/mediaQueries\";\r\nimport { BorderRadius } from \"../base/radius\";\r\nimport { Spacing } from \"../base/spacing\";\r\nimport { Theme } from \"./type\";\r\n\r\nexport const Coi: Theme = {\r\n colors: {\r\n light: {\r\n primary: '#0064cb',\r\n primary100: '#00b8ff',\r\n primary200: '#008fff',\r\n primary400: '#0071c8',\r\n primary500: '#00398d',\r\n primaryOpacity50: '#0064cb80',\r\n primaryOpacity25: '#0064cb40',\r\n primaryOpacity15: '#0064cb26',\r\n secondary: '#00e5ce',\r\n secondary100: '#b5eee3',\r\n secondary200: '#7dead8',\r\n secondary400: '#49bcab',\r\n secondary500: '#01af9d',\r\n secondaryOpacity50: '#00e5ce80',\r\n secondaryOpacity25: '#00e5ce40',\r\n secondaryOpacity15: '#00e5ce26',\r\n neutral: '#ffffff'\r\n },\r\n dark: {\r\n primary: '#00e5ce',\r\n primary100: '#b5eee3',\r\n primary200: '#7dead8',\r\n primary400: '#49bcab',\r\n primary500: '#01af9d',\r\n primaryOpacity50: '#00e5ce80',\r\n primaryOpacity25: '#00e5ce40',\r\n primaryOpacity15: '#00e5ce26',\r\n secondary: '#0064cb',\r\n secondary100: '#00b8ff',\r\n secondary200: '#008fff',\r\n secondary400: '#0071c8',\r\n secondary500: '#00398d',\r\n secondaryOpacity50: '#0064cb80',\r\n secondaryOpacity25: '#0064cb40',\r\n secondaryOpacity15: '#0064cb26',\r\n neutral: '#dfdfdf'\r\n }\r\n },\r\n type: {\r\n familySans: 'Lato',\r\n familySerif: 'Stri',\r\n familyMono: 'Roboto Mono'\r\n },\r\n base: {\r\n colors: baseColors,\r\n spacing: Spacing,\r\n borderRadius: BorderRadius,\r\n mediaQueries: mediaQueries\r\n }\r\n};\r\n","import { baseColors } from \"../base/colors\";\r\nimport { mediaQueries } from \"../base/mediaQueries\";\r\nimport { BorderRadius } from \"../base/radius\";\r\nimport { Spacing } from \"../base/spacing\";\r\nimport { Theme } from \"./type\";\r\n\r\nexport const Godrive: Theme = {\r\n colors: {\r\n light: {\r\n primary: '#961e96',\r\n primary100: '#e171e1',\r\n primary200: '#c348c3',\r\n primary400: '#741472',\r\n primary500: '#5c2e5c',\r\n primaryOpacity50: '#961e9680',\r\n primaryOpacity25: '#961e9640',\r\n primaryOpacity15: '#961e9626',\r\n secondary: '#ffa000',\r\n secondary100: '#f1d2b4',\r\n secondary200: '#fdb96b',\r\n secondary400: '#faa96f',\r\n secondary500: '#f48120',\r\n secondaryOpacity50: '#ffa00080',\r\n secondaryOpacity25: '#ffa00040',\r\n secondaryOpacity15: '#ffa00026',\r\n neutral: '#ffffff'\r\n },\r\n dark: {\r\n primary: '#ffa000',\r\n primary100: '#f1d2b4',\r\n primary200: '#fdb96b',\r\n primary400: '#faa96f',\r\n primary500: '#f48120',\r\n primaryOpacity50: '#ffa00080',\r\n primaryOpacity25: '#ffa00040',\r\n primaryOpacity15: '#ffa00026',\r\n secondary: '#e171e1',\r\n secondary100: '#e171e1',\r\n secondary200: '#c348c3',\r\n secondary400: '#961e96',\r\n secondary500: '#741472',\r\n secondaryOpacity50: '#e171e180',\r\n secondaryOpacity25: '#e171e140',\r\n secondaryOpacity15: '#e171e126',\r\n neutral: '#a5a4a3'\r\n }\r\n },\r\n type: {\r\n familySans: 'Roboto',\r\n familySerif: 'Stri',\r\n familyMono: 'Roboto Mono'\r\n },\r\n base: {\r\n colors: baseColors,\r\n spacing: Spacing,\r\n borderRadius: BorderRadius,\r\n mediaQueries: mediaQueries\r\n }\r\n};","import { baseColors } from \"../base/colors\";\r\nimport { mediaQueries } from \"../base/mediaQueries\";\r\nimport { BorderRadius } from \"../base/radius\";\r\nimport { Spacing } from \"../base/spacing\";\r\nimport { Theme } from \"./type\";\r\n\r\nexport const Devops: Theme = {\r\n colors: {\r\n light: {\r\n primary: '#002d72',\r\n primary100: '#aaabd0',\r\n primary200: '#8689b8',\r\n primary400: '#00386a',\r\n primary500: '#002548',\r\n primaryOpacity50: '#002d7280',\r\n primaryOpacity25: '#002d7240',\r\n primaryOpacity15: '#002d7226',\r\n secondary: '#0072ce',\r\n secondary100: '#a0aed1',\r\n secondary200: '#6c8fd0',\r\n secondary400: '#0660b6',\r\n secondary500: '#074e9f',\r\n secondaryOpacity50: '#0072ce80',\r\n secondaryOpacity25: '#0072ce40',\r\n secondaryOpacity15: '#0072ce26',\r\n neutral: '#999999'\r\n },\r\n dark: {\r\n primary: '#495691',\r\n primary100: '#969abf',\r\n primary200: '#646ca0',\r\n primary400: '#2d4181',\r\n primary500: '#002d72',\r\n primaryOpacity50: '#49569180',\r\n primaryOpacity25: '#49569140',\r\n primaryOpacity15: '#49569126',\r\n secondary: '#608fda',\r\n secondary100: '#a9bdea',\r\n secondary200: '#7a9edf',\r\n secondary400: '#4180d4',\r\n secondary500: '#0072ce',\r\n secondaryOpacity50: '#608fda',\r\n secondaryOpacity25: '#608fda',\r\n secondaryOpacity15: '#608fda',\r\n neutral: '#bbc0c0'\r\n }\r\n },\r\n type: {\r\n familySans: 'Afacad',\r\n familySerif: 'Stri',\r\n familyMono: 'Stri'\r\n },\r\n base: {\r\n colors: baseColors,\r\n spacing: Spacing,\r\n borderRadius: BorderRadius,\r\n mediaQueries: mediaQueries\r\n }\r\n};\r\n","import { Coi } from './coi';\r\nimport { Godrive } from './godrive';\r\nimport { Devops } from './devops';\r\nimport { Theme } from './type';\r\n\r\nexport const brandingTokens : Record<string, Theme> = {\r\n Coi,\r\n Devops,\r\n Godrive,\r\n};\r\n","import { Theme } from \"../../token/branding/type\";\r\n\r\n// Mapeamento de nomes dos tokens para variáveis CSS\r\nconst colorKeyMapping: Record<string, string> = {\r\n primary: 'colors-light-primary-light',\r\n primary100: 'colors-light-primary-light-100',\r\n primary200: 'colors-light-primary-light-200',\r\n primary400: 'colors-light-primary-light-400',\r\n primary500: 'colors-light-primary-light-500',\r\n primaryOpacity50: 'colors-light-primary-light-opacity-50',\r\n primaryOpacity25: 'colors-light-primary-light-opacity-25',\r\n primaryOpacity15: 'colors-light-primary-light-opacity-15',\r\n secondary: 'colors-light-secondary-light',\r\n secondary100: 'colors-light-secondary-light-100',\r\n secondary200: 'colors-light-secondary-light-200',\r\n secondary400: 'colors-light-secondary-light-400',\r\n secondary500: 'colors-light-secondary-light-500',\r\n secondaryOpacity50: 'colors-light-secondary-light-opacity-50',\r\n secondaryOpacity25: 'colors-light-secondary-light-opacity-25',\r\n secondaryOpacity15: 'colors-light-secondary-light-opacity-15',\r\n neutral: 'colors-light-neutral',\r\n};\r\n\r\nexport function generateCSSVariables(tokens: Theme, theme: 'light' | 'dark'): string {\r\n let cssVariables = '';\r\n\r\n // Brand colors - usando mapeamento correto para variáveis CSS\r\n const brandColors = tokens.colors[theme];\r\n Object.entries(brandColors).forEach(([key, value]) => {\r\n const cssVarName = colorKeyMapping[key] || key;\r\n cssVariables += `--${cssVarName}: ${value};\\n`;\r\n });\r\n\r\n // Base colors\r\n Object.entries(tokens.base.colors).forEach(([group, values]) => {\r\n Object.entries(values).forEach(([key, value]) => {\r\n cssVariables += `--${group}-${key}: ${value};\\n`;\r\n });\r\n });\r\n\r\n // Spacing\r\n Object.entries(tokens.base.spacing).forEach(([key, value]) => {\r\n cssVariables += `--spacing-${key}: ${value};\\n`;\r\n });\r\n\r\n // Border radius\r\n Object.entries(tokens.base.borderRadius).forEach(([key, value]) => {\r\n cssVariables += `--radius-${key}: ${value};\\n`;\r\n });\r\n\r\n // Media queries\r\n Object.entries(tokens.base.mediaQueries).forEach(([key, value]) => {\r\n cssVariables += `--media-${key}: ${value};\\n`;\r\n });\r\n\r\n // Typography\r\n Object.entries(tokens.type).forEach(([key, value]) => {\r\n cssVariables += `--font-${key}: ${value};\\n`;\r\n });\r\n\r\n return cssVariables;\r\n}","import { brandingTokens } from \"../../token/branding\";\r\nimport { Theme } from \"../../token/branding/type\";\r\nimport { generateCSSVariables } from \"./generate-css-variables\";\r\n\r\n\r\ntype ThemeMode = 'light' | 'dark';\r\ntype Brand = 'Devops' | 'Coi' | 'Godrive';\r\ntype ThemeChangeCallback = () => void;\r\n\r\nclass ThemeProvider {\r\n private static instance: ThemeProvider;\r\n private observers: ThemeChangeCallback[] = [];\r\n private theme: ThemeMode = 'light';\r\n private brand: Brand = 'Devops';\r\n private styleSheet: HTMLStyleElement | null = null;\r\n\r\n private constructor() {\r\n this.initializeStyleSheet();\r\n this.updateTheme();\r\n }\r\n\r\n private initializeStyleSheet() {\r\n this.styleSheet = document.createElement('style');\r\n this.styleSheet.id = 'ds-theme-variables';\r\n document.head.appendChild(this.styleSheet);\r\n }\r\n\r\n public static getInstance(): ThemeProvider {\r\n if (!ThemeProvider.instance) {\r\n ThemeProvider.instance = new ThemeProvider();\r\n }\r\n return ThemeProvider.instance;\r\n }\r\n\r\n public setTheme(theme: ThemeMode) {\r\n this.theme = theme;\r\n this.updateTheme();\r\n this.notifyObservers();\r\n }\r\n\r\n public setBrand(brand: Brand) {\r\n this.brand = brand;\r\n this.updateTheme();\r\n this.notifyObservers();\r\n }\r\n\r\n public getTheme(): ThemeMode {\r\n return this.theme;\r\n }\r\n\r\n public getBrand(): Brand {\r\n return this.brand;\r\n }\r\n\r\n public getCurrentTokens(): Theme {\r\n return brandingTokens[this.brand];\r\n }\r\n\r\n private updateTheme() {\r\n if (!this.styleSheet) {\r\n this.initializeStyleSheet();\r\n }\r\n\r\n console.log('updateTheme', this.theme, this.brand);\r\n\r\n const tokens = this.getCurrentTokens();\r\n const cssVariables = generateCSSVariables(tokens, this.theme);\r\n \r\n if (this.styleSheet) {\r\n this.styleSheet.textContent = `:root {\\n${cssVariables}}`;\r\n }\r\n\r\n document.documentElement.setAttribute('data-theme', this.theme);\r\n document.documentElement.setAttribute('data-brand', this.brand.toLowerCase());\r\n }\r\n\r\n public registerObserver(callback: ThemeChangeCallback) {\r\n this.observers.push(callback);\r\n }\r\n\r\n public unregisterObserver(callback: ThemeChangeCallback) {\r\n this.observers = this.observers.filter(cb => cb !== callback);\r\n }\r\n\r\n private notifyObservers() {\r\n this.observers.forEach(callback => callback());\r\n }\r\n\r\n public destroy() {\r\n this.styleSheet?.remove();\r\n this.styleSheet = null;\r\n }\r\n}\r\n\r\nexport const themeProvider = ThemeProvider.getInstance();\r\n"],"names":[],"mappings":"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"}
package/dist/collection/components/Theme/generate-css-variables.js CHANGED
@@ -1,9 +1,30 @@
1
+ // Mapeamento de nomes dos tokens para variáveis CSS
2
+ const colorKeyMapping = {
3
+ primary: 'colors-light-primary-light',
4
+ primary100: 'colors-light-primary-light-100',
5
+ primary200: 'colors-light-primary-light-200',
6
+ primary400: 'colors-light-primary-light-400',
7
+ primary500: 'colors-light-primary-light-500',
8
+ primaryOpacity50: 'colors-light-primary-light-opacity-50',
9
+ primaryOpacity25: 'colors-light-primary-light-opacity-25',
10
+ primaryOpacity15: 'colors-light-primary-light-opacity-15',
11
+ secondary: 'colors-light-secondary-light',
12
+ secondary100: 'colors-light-secondary-light-100',
13
+ secondary200: 'colors-light-secondary-light-200',
14
+ secondary400: 'colors-light-secondary-light-400',
15
+ secondary500: 'colors-light-secondary-light-500',
16
+ secondaryOpacity50: 'colors-light-secondary-light-opacity-50',
17
+ secondaryOpacity25: 'colors-light-secondary-light-opacity-25',
18
+ secondaryOpacity15: 'colors-light-secondary-light-opacity-15',
19
+ neutral: 'colors-light-neutral',
20
+ };
1
21
  export function generateCSSVariables(tokens, theme) {
2
22
  let cssVariables = '';
3
- // Brand colors
23
+ // Brand colors - usando mapeamento correto para variáveis CSS
4
24
  const brandColors = tokens.colors[theme];
5
25
  Object.entries(brandColors).forEach(([key, value]) => {
6
- cssVariables += `--${key}: ${value};\n`;
26
+ const cssVarName = colorKeyMapping[key] || key;
27
+ cssVariables += `--${cssVarName}: ${value};\n`;
7
28
  });
8
29
  // Base colors
9
30
  Object.entries(tokens.base.colors).forEach(([group, values]) => {
package/dist/collection/components/Theme/generate-css-variables.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"generate-css-variables.js","sourceRoot":"","sources":["../../../src/components/Theme/generate-css-variables.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,oBAAoB,CAAC,MAAa,EAAE,KAAuB;IACzE,IAAI,YAAY,GAAG,EAAE,CAAC;IAEtB,eAAe;IACf,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACzC,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QACnD,YAAY,IAAI,KAAK,GAAG,KAAK,KAAK,KAAK,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,cAAc;IACd,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,EAAE;QAC7D,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YAC9C,YAAY,IAAI,KAAK,KAAK,IAAI,GAAG,KAAK,KAAK,KAAK,CAAC;QACnD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,UAAU;IACV,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QAC3D,YAAY,IAAI,aAAa,GAAG,KAAK,KAAK,KAAK,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,gBAAgB;IAChB,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QAChE,YAAY,IAAI,YAAY,GAAG,KAAK,KAAK,KAAK,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,gBAAgB;IAChB,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QAChE,YAAY,IAAI,WAAW,GAAG,KAAK,KAAK,KAAK,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,aAAa;IACb,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QACnD,YAAY,IAAI,UAAU,GAAG,KAAK,KAAK,KAAK,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,OAAO,YAAY,CAAC;AACtB,CAAC","sourcesContent":["import { Theme } from \"../../token/branding/type\";\r\n\r\nexport function generateCSSVariables(tokens: Theme, theme: 'light' | 'dark'): string {\r\n let cssVariables = '';\r\n\r\n // Brand colors\r\n const brandColors = tokens.colors[theme];\r\n Object.entries(brandColors).forEach(([key, value]) => {\r\n cssVariables += `--${key}: ${value};\\n`;\r\n });\r\n\r\n // Base colors\r\n Object.entries(tokens.base.colors).forEach(([group, values]) => {\r\n Object.entries(values).forEach(([key, value]) => {\r\n cssVariables += `--${group}-${key}: ${value};\\n`;\r\n });\r\n });\r\n\r\n // Spacing\r\n Object.entries(tokens.base.spacing).forEach(([key, value]) => {\r\n cssVariables += `--spacing-${key}: ${value};\\n`;\r\n });\r\n\r\n // Border radius\r\n Object.entries(tokens.base.borderRadius).forEach(([key, value]) => {\r\n cssVariables += `--radius-${key}: ${value};\\n`;\r\n });\r\n\r\n // Media queries\r\n Object.entries(tokens.base.mediaQueries).forEach(([key, value]) => {\r\n cssVariables += `--media-${key}: ${value};\\n`;\r\n });\r\n\r\n // Typography\r\n Object.entries(tokens.type).forEach(([key, value]) => {\r\n cssVariables += `--font-${key}: ${value};\\n`;\r\n });\r\n\r\n return cssVariables;\r\n}"]}
1
+ {"version":3,"file":"generate-css-variables.js","sourceRoot":"","sources":["../../../src/components/Theme/generate-css-variables.ts"],"names":[],"mappings":"AAEA,oDAAoD;AACpD,MAAM,eAAe,GAA2B;IAC9C,OAAO,EAAE,4BAA4B;IACrC,UAAU,EAAE,gCAAgC;IAC5C,UAAU,EAAE,gCAAgC;IAC5C,UAAU,EAAE,gCAAgC;IAC5C,UAAU,EAAE,gCAAgC;IAC5C,gBAAgB,EAAE,uCAAuC;IACzD,gBAAgB,EAAE,uCAAuC;IACzD,gBAAgB,EAAE,uCAAuC;IACzD,SAAS,EAAE,8BAA8B;IACzC,YAAY,EAAE,kCAAkC;IAChD,YAAY,EAAE,kCAAkC;IAChD,YAAY,EAAE,kCAAkC;IAChD,YAAY,EAAE,kCAAkC;IAChD,kBAAkB,EAAE,yCAAyC;IAC7D,kBAAkB,EAAE,yCAAyC;IAC7D,kBAAkB,EAAE,yCAAyC;IAC7D,OAAO,EAAE,sBAAsB;CAChC,CAAC;AAEF,MAAM,UAAU,oBAAoB,CAAC,MAAa,EAAE,KAAuB;IACzE,IAAI,YAAY,GAAG,EAAE,CAAC;IAEtB,8DAA8D;IAC9D,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACzC,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QACnD,MAAM,UAAU,GAAG,eAAe,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC;QAC/C,YAAY,IAAI,KAAK,UAAU,KAAK,KAAK,KAAK,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,cAAc;IACd,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,EAAE;QAC7D,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YAC9C,YAAY,IAAI,KAAK,KAAK,IAAI,GAAG,KAAK,KAAK,KAAK,CAAC;QACnD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,UAAU;IACV,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QAC3D,YAAY,IAAI,aAAa,GAAG,KAAK,KAAK,KAAK,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,gBAAgB;IAChB,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QAChE,YAAY,IAAI,YAAY,GAAG,KAAK,KAAK,KAAK,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,gBAAgB;IAChB,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QAChE,YAAY,IAAI,WAAW,GAAG,KAAK,KAAK,KAAK,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,aAAa;IACb,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QACnD,YAAY,IAAI,UAAU,GAAG,KAAK,KAAK,KAAK,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,OAAO,YAAY,CAAC;AACtB,CAAC","sourcesContent":["import { Theme } from \"../../token/branding/type\";\r\n\r\n// Mapeamento de nomes dos tokens para variáveis CSS\r\nconst colorKeyMapping: Record<string, string> = {\r\n primary: 'colors-light-primary-light',\r\n primary100: 'colors-light-primary-light-100',\r\n primary200: 'colors-light-primary-light-200',\r\n primary400: 'colors-light-primary-light-400',\r\n primary500: 'colors-light-primary-light-500',\r\n primaryOpacity50: 'colors-light-primary-light-opacity-50',\r\n primaryOpacity25: 'colors-light-primary-light-opacity-25',\r\n primaryOpacity15: 'colors-light-primary-light-opacity-15',\r\n secondary: 'colors-light-secondary-light',\r\n secondary100: 'colors-light-secondary-light-100',\r\n secondary200: 'colors-light-secondary-light-200',\r\n secondary400: 'colors-light-secondary-light-400',\r\n secondary500: 'colors-light-secondary-light-500',\r\n secondaryOpacity50: 'colors-light-secondary-light-opacity-50',\r\n secondaryOpacity25: 'colors-light-secondary-light-opacity-25',\r\n secondaryOpacity15: 'colors-light-secondary-light-opacity-15',\r\n neutral: 'colors-light-neutral',\r\n};\r\n\r\nexport function generateCSSVariables(tokens: Theme, theme: 'light' | 'dark'): string {\r\n let cssVariables = '';\r\n\r\n // Brand colors - usando mapeamento correto para variáveis CSS\r\n const brandColors = tokens.colors[theme];\r\n Object.entries(brandColors).forEach(([key, value]) => {\r\n const cssVarName = colorKeyMapping[key] || key;\r\n cssVariables += `--${cssVarName}: ${value};\\n`;\r\n });\r\n\r\n // Base colors\r\n Object.entries(tokens.base.colors).forEach(([group, values]) => {\r\n Object.entries(values).forEach(([key, value]) => {\r\n cssVariables += `--${group}-${key}: ${value};\\n`;\r\n });\r\n });\r\n\r\n // Spacing\r\n Object.entries(tokens.base.spacing).forEach(([key, value]) => {\r\n cssVariables += `--spacing-${key}: ${value};\\n`;\r\n });\r\n\r\n // Border radius\r\n Object.entries(tokens.base.borderRadius).forEach(([key, value]) => {\r\n cssVariables += `--radius-${key}: ${value};\\n`;\r\n });\r\n\r\n // Media queries\r\n Object.entries(tokens.base.mediaQueries).forEach(([key, value]) => {\r\n cssVariables += `--media-${key}: ${value};\\n`;\r\n });\r\n\r\n // Typography\r\n Object.entries(tokens.type).forEach(([key, value]) => {\r\n cssVariables += `--font-${key}: ${value};\\n`;\r\n });\r\n\r\n return cssVariables;\r\n}"]}
package/dist/custom-elements/index.js CHANGED
@@ -240,12 +240,33 @@ const brandingTokens = {
240
240
  Godrive,
241
241
  };
242
242
 
243
+ // Mapeamento de nomes dos tokens para variáveis CSS
244
+ const colorKeyMapping = {
245
+ primary: 'colors-light-primary-light',
246
+ primary100: 'colors-light-primary-light-100',
247
+ primary200: 'colors-light-primary-light-200',
248
+ primary400: 'colors-light-primary-light-400',
249
+ primary500: 'colors-light-primary-light-500',
250
+ primaryOpacity50: 'colors-light-primary-light-opacity-50',
251
+ primaryOpacity25: 'colors-light-primary-light-opacity-25',
252
+ primaryOpacity15: 'colors-light-primary-light-opacity-15',
253
+ secondary: 'colors-light-secondary-light',
254
+ secondary100: 'colors-light-secondary-light-100',
255
+ secondary200: 'colors-light-secondary-light-200',
256
+ secondary400: 'colors-light-secondary-light-400',
257
+ secondary500: 'colors-light-secondary-light-500',
258
+ secondaryOpacity50: 'colors-light-secondary-light-opacity-50',
259
+ secondaryOpacity25: 'colors-light-secondary-light-opacity-25',
260
+ secondaryOpacity15: 'colors-light-secondary-light-opacity-15',
261
+ neutral: 'colors-light-neutral',
262
+ };
243
263
  function generateCSSVariables(tokens, theme) {
244
264
  let cssVariables = '';
245
- // Brand colors
265
+ // Brand colors - usando mapeamento correto para variáveis CSS
246
266
  const brandColors = tokens.colors[theme];
247
267
  Object.entries(brandColors).forEach(([key, value]) => {
248
- cssVariables += `--${key}: ${value};\n`;
268
+ const cssVarName = colorKeyMapping[key] || key;
269
+ cssVariables += `--${cssVarName}: ${value};\n`;
249
270
  });
250
271
  // Base colors
251
272
  Object.entries(tokens.base.colors).forEach(([group, values]) => {
package/dist/custom-elements/index.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"index.js","mappings":"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","names":[],"sources":["src/token/base/colors.ts","src/token/base/mediaQueries.ts","src/token/base/radius.ts","src/token/base/spacing.ts","src/token/branding/coi.ts","src/token/branding/godrive.ts","src/token/branding/devops.ts","src/token/branding/index.ts","src/components/Theme/generate-css-variables.ts","src/components/Theme/ThemeProvider.tsx"],"sourcesContent":["import { BaseTokens } from \"../branding/type\";\r\n\r\nexport const baseColors: BaseTokens['colors'] = {\r\n neutral: {\r\n 100: '#FFFFFF',\r\n 200: '#E7E7E7',\r\n 300: '#969696',\r\n 400: '#585757',\r\n 500: '#1C1C1C',\r\n 600: '#000000'\r\n },\r\n action: {\r\n 100: '#03A678',\r\n 200: '#088A66',\r\n 300: '#0D6F53',\r\n 400: '#125341',\r\n 500: '#866EAF'\r\n },\r\n brand: {\r\n 100: '#CE2A36',\r\n 200: '#AA2731',\r\n 300: '#87242C',\r\n 400: '#632226'\r\n },\r\n feedback: {\r\n info100: '#2391E1',\r\n success100: '#029C49',\r\n warning100: '#DF8F16',\r\n error100: '#F14444',\r\n info200: '#2391E1',\r\n success200: '#029C49',\r\n warning200: '#DF8F16',\r\n error200: '#F14444'\r\n },\r\n background: {\r\n 100: '#FFFFFF',\r\n 200: '#F7F7F7',\r\n info: '#C9E5FA',\r\n success: '#C0E6D1',\r\n warning: '#F7E3C5',\r\n error: '#FBD0D0'\r\n }\r\n};","const mediaQueries = {\r\n screenXxs: '375px',\r\n screenXs: '520px', // Extra small screen / phone\r\n screenSm: '768px', // Small screen / tablet\r\n screenMd: '1024px', // Medium screen / desktop\r\n screenLg: '1280px', // Large screen / wide desktop\r\n screenXlg: '1440px', // Rich people screen / wide desktop\r\n screenXxlg: '1920px',\r\n screenXxxlg: '2560px', // This breakpoint is used to Correct both AppHeader and AppFooter\r\n}\r\n\r\nexport { mediaQueries }\r\n","const BorderRadius = {\r\n 1: '0px',\r\n 2: '4px',\r\n 3: '8px',\r\n 4: '100px',\r\n}\r\n\r\nexport { BorderRadius } \r\n","const Spacing = {\r\n 1: '0.125rem',\r\n 2: '0.25rem',\r\n 3: '0.5rem',\r\n 4: '1rem',\r\n 5: '1.5rem',\r\n 6: '2rem',\r\n 7: '2.5rem',\r\n 8: '3rem',\r\n 9: '3.5rem',\r\n}\r\n\r\nexport { Spacing } \r\n","import { baseColors } from \"../base/colors\";\r\nimport { mediaQueries } from \"../base/mediaQueries\";\r\nimport { BorderRadius } from \"../base/radius\";\r\nimport { Spacing } from \"../base/spacing\";\r\nimport { Theme } from \"./type\";\r\n\r\nexport const Coi: Theme = {\r\n colors: {\r\n light: {\r\n primary: '#0064cb',\r\n primary100: '#00b8ff',\r\n primary200: '#008fff',\r\n primary400: '#0071c8',\r\n primary500: '#00398d',\r\n primaryOpacity50: '#0064cb80',\r\n primaryOpacity25: '#0064cb40',\r\n primaryOpacity15: '#0064cb26',\r\n secondary: '#00e5ce',\r\n secondary100: '#b5eee3',\r\n secondary200: '#7dead8',\r\n secondary400: '#49bcab',\r\n secondary500: '#01af9d',\r\n secondaryOpacity50: '#00e5ce80',\r\n secondaryOpacity25: '#00e5ce40',\r\n secondaryOpacity15: '#00e5ce26',\r\n neutral: '#ffffff'\r\n },\r\n dark: {\r\n primary: '#00e5ce',\r\n primary100: '#b5eee3',\r\n primary200: '#7dead8',\r\n primary400: '#49bcab',\r\n primary500: '#01af9d',\r\n primaryOpacity50: '#00e5ce80',\r\n primaryOpacity25: '#00e5ce40',\r\n primaryOpacity15: '#00e5ce26',\r\n secondary: '#0064cb',\r\n secondary100: '#00b8ff',\r\n secondary200: '#008fff',\r\n secondary400: '#0071c8',\r\n secondary500: '#00398d',\r\n secondaryOpacity50: '#0064cb80',\r\n secondaryOpacity25: '#0064cb40',\r\n secondaryOpacity15: '#0064cb26',\r\n neutral: '#dfdfdf'\r\n }\r\n },\r\n type: {\r\n familySans: 'Lato',\r\n familySerif: 'Stri',\r\n familyMono: 'Roboto Mono'\r\n },\r\n base: {\r\n colors: baseColors,\r\n spacing: Spacing,\r\n borderRadius: BorderRadius,\r\n mediaQueries: mediaQueries\r\n }\r\n};\r\n","import { baseColors } from \"../base/colors\";\r\nimport { mediaQueries } from \"../base/mediaQueries\";\r\nimport { BorderRadius } from \"../base/radius\";\r\nimport { Spacing } from \"../base/spacing\";\r\nimport { Theme } from \"./type\";\r\n\r\nexport const Godrive: Theme = {\r\n colors: {\r\n light: {\r\n primary: '#961e96',\r\n primary100: '#e171e1',\r\n primary200: '#c348c3',\r\n primary400: '#741472',\r\n primary500: '#5c2e5c',\r\n primaryOpacity50: '#961e9680',\r\n primaryOpacity25: '#961e9640',\r\n primaryOpacity15: '#961e9626',\r\n secondary: '#ffa000',\r\n secondary100: '#f1d2b4',\r\n secondary200: '#fdb96b',\r\n secondary400: '#faa96f',\r\n secondary500: '#f48120',\r\n secondaryOpacity50: '#ffa00080',\r\n secondaryOpacity25: '#ffa00040',\r\n secondaryOpacity15: '#ffa00026',\r\n neutral: '#ffffff'\r\n },\r\n dark: {\r\n primary: '#ffa000',\r\n primary100: '#f1d2b4',\r\n primary200: '#fdb96b',\r\n primary400: '#faa96f',\r\n primary500: '#f48120',\r\n primaryOpacity50: '#ffa00080',\r\n primaryOpacity25: '#ffa00040',\r\n primaryOpacity15: '#ffa00026',\r\n secondary: '#e171e1',\r\n secondary100: '#e171e1',\r\n secondary200: '#c348c3',\r\n secondary400: '#961e96',\r\n secondary500: '#741472',\r\n secondaryOpacity50: '#e171e180',\r\n secondaryOpacity25: '#e171e140',\r\n secondaryOpacity15: '#e171e126',\r\n neutral: '#a5a4a3'\r\n }\r\n },\r\n type: {\r\n familySans: 'Roboto',\r\n familySerif: 'Stri',\r\n familyMono: 'Roboto Mono'\r\n },\r\n base: {\r\n colors: baseColors,\r\n spacing: Spacing,\r\n borderRadius: BorderRadius,\r\n mediaQueries: mediaQueries\r\n }\r\n};","import { baseColors } from \"../base/colors\";\r\nimport { mediaQueries } from \"../base/mediaQueries\";\r\nimport { BorderRadius } from \"../base/radius\";\r\nimport { Spacing } from \"../base/spacing\";\r\nimport { Theme } from \"./type\";\r\n\r\nexport const Devops: Theme = {\r\n colors: {\r\n light: {\r\n primary: '#002d72',\r\n primary100: '#aaabd0',\r\n primary200: '#8689b8',\r\n primary400: '#00386a',\r\n primary500: '#002548',\r\n primaryOpacity50: '#002d7280',\r\n primaryOpacity25: '#002d7240',\r\n primaryOpacity15: '#002d7226',\r\n secondary: '#0072ce',\r\n secondary100: '#a0aed1',\r\n secondary200: '#6c8fd0',\r\n secondary400: '#0660b6',\r\n secondary500: '#074e9f',\r\n secondaryOpacity50: '#0072ce80',\r\n secondaryOpacity25: '#0072ce40',\r\n secondaryOpacity15: '#0072ce26',\r\n neutral: '#999999'\r\n },\r\n dark: {\r\n primary: '#495691',\r\n primary100: '#969abf',\r\n primary200: '#646ca0',\r\n primary400: '#2d4181',\r\n primary500: '#002d72',\r\n primaryOpacity50: '#49569180',\r\n primaryOpacity25: '#49569140',\r\n primaryOpacity15: '#49569126',\r\n secondary: '#608fda',\r\n secondary100: '#a9bdea',\r\n secondary200: '#7a9edf',\r\n secondary400: '#4180d4',\r\n secondary500: '#0072ce',\r\n secondaryOpacity50: '#608fda',\r\n secondaryOpacity25: '#608fda',\r\n secondaryOpacity15: '#608fda',\r\n neutral: '#bbc0c0'\r\n }\r\n },\r\n type: {\r\n familySans: 'Afacad',\r\n familySerif: 'Stri',\r\n familyMono: 'Stri'\r\n },\r\n base: {\r\n colors: baseColors,\r\n spacing: Spacing,\r\n borderRadius: BorderRadius,\r\n mediaQueries: mediaQueries\r\n }\r\n};\r\n","import { Coi } from './coi';\r\nimport { Godrive } from './godrive';\r\nimport { Devops } from './devops';\r\nimport { Theme } from './type';\r\n\r\nexport const brandingTokens : Record<string, Theme> = {\r\n Coi,\r\n Devops,\r\n Godrive,\r\n};\r\n","import { Theme } from \"../../token/branding/type\";\r\n\r\nexport function generateCSSVariables(tokens: Theme, theme: 'light' | 'dark'): string {\r\n let cssVariables = '';\r\n\r\n // Brand colors\r\n const brandColors = tokens.colors[theme];\r\n Object.entries(brandColors).forEach(([key, value]) => {\r\n cssVariables += `--${key}: ${value};\\n`;\r\n });\r\n\r\n // Base colors\r\n Object.entries(tokens.base.colors).forEach(([group, values]) => {\r\n Object.entries(values).forEach(([key, value]) => {\r\n cssVariables += `--${group}-${key}: ${value};\\n`;\r\n });\r\n });\r\n\r\n // Spacing\r\n Object.entries(tokens.base.spacing).forEach(([key, value]) => {\r\n cssVariables += `--spacing-${key}: ${value};\\n`;\r\n });\r\n\r\n // Border radius\r\n Object.entries(tokens.base.borderRadius).forEach(([key, value]) => {\r\n cssVariables += `--radius-${key}: ${value};\\n`;\r\n });\r\n\r\n // Media queries\r\n Object.entries(tokens.base.mediaQueries).forEach(([key, value]) => {\r\n cssVariables += `--media-${key}: ${value};\\n`;\r\n });\r\n\r\n // Typography\r\n Object.entries(tokens.type).forEach(([key, value]) => {\r\n cssVariables += `--font-${key}: ${value};\\n`;\r\n });\r\n\r\n return cssVariables;\r\n}","import { brandingTokens } from \"../../token/branding\";\r\nimport { Theme } from \"../../token/branding/type\";\r\nimport { generateCSSVariables } from \"./generate-css-variables\";\r\n\r\n\r\ntype ThemeMode = 'light' | 'dark';\r\ntype Brand = 'Devops' | 'Coi' | 'Godrive';\r\ntype ThemeChangeCallback = () => void;\r\n\r\nclass ThemeProvider {\r\n private static instance: ThemeProvider;\r\n private observers: ThemeChangeCallback[] = [];\r\n private theme: ThemeMode = 'light';\r\n private brand: Brand = 'Devops';\r\n private styleSheet: HTMLStyleElement | null = null;\r\n\r\n private constructor() {\r\n this.initializeStyleSheet();\r\n this.updateTheme();\r\n }\r\n\r\n private initializeStyleSheet() {\r\n this.styleSheet = document.createElement('style');\r\n this.styleSheet.id = 'ds-theme-variables';\r\n document.head.appendChild(this.styleSheet);\r\n }\r\n\r\n public static getInstance(): ThemeProvider {\r\n if (!ThemeProvider.instance) {\r\n ThemeProvider.instance = new ThemeProvider();\r\n }\r\n return ThemeProvider.instance;\r\n }\r\n\r\n public setTheme(theme: ThemeMode) {\r\n this.theme = theme;\r\n this.updateTheme();\r\n this.notifyObservers();\r\n }\r\n\r\n public setBrand(brand: Brand) {\r\n this.brand = brand;\r\n this.updateTheme();\r\n this.notifyObservers();\r\n }\r\n\r\n public getTheme(): ThemeMode {\r\n return this.theme;\r\n }\r\n\r\n public getBrand(): Brand {\r\n return this.brand;\r\n }\r\n\r\n public getCurrentTokens(): Theme {\r\n return brandingTokens[this.brand];\r\n }\r\n\r\n private updateTheme() {\r\n if (!this.styleSheet) {\r\n this.initializeStyleSheet();\r\n }\r\n\r\n console.log('updateTheme', this.theme, this.brand);\r\n\r\n const tokens = this.getCurrentTokens();\r\n const cssVariables = generateCSSVariables(tokens, this.theme);\r\n \r\n if (this.styleSheet) {\r\n this.styleSheet.textContent = `:root {\\n${cssVariables}}`;\r\n }\r\n\r\n document.documentElement.setAttribute('data-theme', this.theme);\r\n document.documentElement.setAttribute('data-brand', this.brand.toLowerCase());\r\n }\r\n\r\n public registerObserver(callback: ThemeChangeCallback) {\r\n this.observers.push(callback);\r\n }\r\n\r\n public unregisterObserver(callback: ThemeChangeCallback) {\r\n this.observers = this.observers.filter(cb => cb !== callback);\r\n }\r\n\r\n private notifyObservers() {\r\n this.observers.forEach(callback => callback());\r\n }\r\n\r\n public destroy() {\r\n this.styleSheet?.remove();\r\n this.styleSheet = null;\r\n }\r\n}\r\n\r\nexport const themeProvider = ThemeProvider.getInstance();\r\n"],"version":3}
1
+ {"file":"index.js","mappings":"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","names":[],"sources":["src/token/base/colors.ts","src/token/base/mediaQueries.ts","src/token/base/radius.ts","src/token/base/spacing.ts","src/token/branding/coi.ts","src/token/branding/godrive.ts","src/token/branding/devops.ts","src/token/branding/index.ts","src/components/Theme/generate-css-variables.ts","src/components/Theme/ThemeProvider.tsx"],"sourcesContent":["import { BaseTokens } from \"../branding/type\";\r\n\r\nexport const baseColors: BaseTokens['colors'] = {\r\n neutral: {\r\n 100: '#FFFFFF',\r\n 200: '#E7E7E7',\r\n 300: '#969696',\r\n 400: '#585757',\r\n 500: '#1C1C1C',\r\n 600: '#000000'\r\n },\r\n action: {\r\n 100: '#03A678',\r\n 200: '#088A66',\r\n 300: '#0D6F53',\r\n 400: '#125341',\r\n 500: '#866EAF'\r\n },\r\n brand: {\r\n 100: '#CE2A36',\r\n 200: '#AA2731',\r\n 300: '#87242C',\r\n 400: '#632226'\r\n },\r\n feedback: {\r\n info100: '#2391E1',\r\n success100: '#029C49',\r\n warning100: '#DF8F16',\r\n error100: '#F14444',\r\n info200: '#2391E1',\r\n success200: '#029C49',\r\n warning200: '#DF8F16',\r\n error200: '#F14444'\r\n },\r\n background: {\r\n 100: '#FFFFFF',\r\n 200: '#F7F7F7',\r\n info: '#C9E5FA',\r\n success: '#C0E6D1',\r\n warning: '#F7E3C5',\r\n error: '#FBD0D0'\r\n }\r\n};","const mediaQueries = {\r\n screenXxs: '375px',\r\n screenXs: '520px', // Extra small screen / phone\r\n screenSm: '768px', // Small screen / tablet\r\n screenMd: '1024px', // Medium screen / desktop\r\n screenLg: '1280px', // Large screen / wide desktop\r\n screenXlg: '1440px', // Rich people screen / wide desktop\r\n screenXxlg: '1920px',\r\n screenXxxlg: '2560px', // This breakpoint is used to Correct both AppHeader and AppFooter\r\n}\r\n\r\nexport { mediaQueries }\r\n","const BorderRadius = {\r\n 1: '0px',\r\n 2: '4px',\r\n 3: '8px',\r\n 4: '100px',\r\n}\r\n\r\nexport { BorderRadius } \r\n","const Spacing = {\r\n 1: '0.125rem',\r\n 2: '0.25rem',\r\n 3: '0.5rem',\r\n 4: '1rem',\r\n 5: '1.5rem',\r\n 6: '2rem',\r\n 7: '2.5rem',\r\n 8: '3rem',\r\n 9: '3.5rem',\r\n}\r\n\r\nexport { Spacing } \r\n","import { baseColors } from \"../base/colors\";\r\nimport { mediaQueries } from \"../base/mediaQueries\";\r\nimport { BorderRadius } from \"../base/radius\";\r\nimport { Spacing } from \"../base/spacing\";\r\nimport { Theme } from \"./type\";\r\n\r\nexport const Coi: Theme = {\r\n colors: {\r\n light: {\r\n primary: '#0064cb',\r\n primary100: '#00b8ff',\r\n primary200: '#008fff',\r\n primary400: '#0071c8',\r\n primary500: '#00398d',\r\n primaryOpacity50: '#0064cb80',\r\n primaryOpacity25: '#0064cb40',\r\n primaryOpacity15: '#0064cb26',\r\n secondary: '#00e5ce',\r\n secondary100: '#b5eee3',\r\n secondary200: '#7dead8',\r\n secondary400: '#49bcab',\r\n secondary500: '#01af9d',\r\n secondaryOpacity50: '#00e5ce80',\r\n secondaryOpacity25: '#00e5ce40',\r\n secondaryOpacity15: '#00e5ce26',\r\n neutral: '#ffffff'\r\n },\r\n dark: {\r\n primary: '#00e5ce',\r\n primary100: '#b5eee3',\r\n primary200: '#7dead8',\r\n primary400: '#49bcab',\r\n primary500: '#01af9d',\r\n primaryOpacity50: '#00e5ce80',\r\n primaryOpacity25: '#00e5ce40',\r\n primaryOpacity15: '#00e5ce26',\r\n secondary: '#0064cb',\r\n secondary100: '#00b8ff',\r\n secondary200: '#008fff',\r\n secondary400: '#0071c8',\r\n secondary500: '#00398d',\r\n secondaryOpacity50: '#0064cb80',\r\n secondaryOpacity25: '#0064cb40',\r\n secondaryOpacity15: '#0064cb26',\r\n neutral: '#dfdfdf'\r\n }\r\n },\r\n type: {\r\n familySans: 'Lato',\r\n familySerif: 'Stri',\r\n familyMono: 'Roboto Mono'\r\n },\r\n base: {\r\n colors: baseColors,\r\n spacing: Spacing,\r\n borderRadius: BorderRadius,\r\n mediaQueries: mediaQueries\r\n }\r\n};\r\n","import { baseColors } from \"../base/colors\";\r\nimport { mediaQueries } from \"../base/mediaQueries\";\r\nimport { BorderRadius } from \"../base/radius\";\r\nimport { Spacing } from \"../base/spacing\";\r\nimport { Theme } from \"./type\";\r\n\r\nexport const Godrive: Theme = {\r\n colors: {\r\n light: {\r\n primary: '#961e96',\r\n primary100: '#e171e1',\r\n primary200: '#c348c3',\r\n primary400: '#741472',\r\n primary500: '#5c2e5c',\r\n primaryOpacity50: '#961e9680',\r\n primaryOpacity25: '#961e9640',\r\n primaryOpacity15: '#961e9626',\r\n secondary: '#ffa000',\r\n secondary100: '#f1d2b4',\r\n secondary200: '#fdb96b',\r\n secondary400: '#faa96f',\r\n secondary500: '#f48120',\r\n secondaryOpacity50: '#ffa00080',\r\n secondaryOpacity25: '#ffa00040',\r\n secondaryOpacity15: '#ffa00026',\r\n neutral: '#ffffff'\r\n },\r\n dark: {\r\n primary: '#ffa000',\r\n primary100: '#f1d2b4',\r\n primary200: '#fdb96b',\r\n primary400: '#faa96f',\r\n primary500: '#f48120',\r\n primaryOpacity50: '#ffa00080',\r\n primaryOpacity25: '#ffa00040',\r\n primaryOpacity15: '#ffa00026',\r\n secondary: '#e171e1',\r\n secondary100: '#e171e1',\r\n secondary200: '#c348c3',\r\n secondary400: '#961e96',\r\n secondary500: '#741472',\r\n secondaryOpacity50: '#e171e180',\r\n secondaryOpacity25: '#e171e140',\r\n secondaryOpacity15: '#e171e126',\r\n neutral: '#a5a4a3'\r\n }\r\n },\r\n type: {\r\n familySans: 'Roboto',\r\n familySerif: 'Stri',\r\n familyMono: 'Roboto Mono'\r\n },\r\n base: {\r\n colors: baseColors,\r\n spacing: Spacing,\r\n borderRadius: BorderRadius,\r\n mediaQueries: mediaQueries\r\n }\r\n};","import { baseColors } from \"../base/colors\";\r\nimport { mediaQueries } from \"../base/mediaQueries\";\r\nimport { BorderRadius } from \"../base/radius\";\r\nimport { Spacing } from \"../base/spacing\";\r\nimport { Theme } from \"./type\";\r\n\r\nexport const Devops: Theme = {\r\n colors: {\r\n light: {\r\n primary: '#002d72',\r\n primary100: '#aaabd0',\r\n primary200: '#8689b8',\r\n primary400: '#00386a',\r\n primary500: '#002548',\r\n primaryOpacity50: '#002d7280',\r\n primaryOpacity25: '#002d7240',\r\n primaryOpacity15: '#002d7226',\r\n secondary: '#0072ce',\r\n secondary100: '#a0aed1',\r\n secondary200: '#6c8fd0',\r\n secondary400: '#0660b6',\r\n secondary500: '#074e9f',\r\n secondaryOpacity50: '#0072ce80',\r\n secondaryOpacity25: '#0072ce40',\r\n secondaryOpacity15: '#0072ce26',\r\n neutral: '#999999'\r\n },\r\n dark: {\r\n primary: '#495691',\r\n primary100: '#969abf',\r\n primary200: '#646ca0',\r\n primary400: '#2d4181',\r\n primary500: '#002d72',\r\n primaryOpacity50: '#49569180',\r\n primaryOpacity25: '#49569140',\r\n primaryOpacity15: '#49569126',\r\n secondary: '#608fda',\r\n secondary100: '#a9bdea',\r\n secondary200: '#7a9edf',\r\n secondary400: '#4180d4',\r\n secondary500: '#0072ce',\r\n secondaryOpacity50: '#608fda',\r\n secondaryOpacity25: '#608fda',\r\n secondaryOpacity15: '#608fda',\r\n neutral: '#bbc0c0'\r\n }\r\n },\r\n type: {\r\n familySans: 'Afacad',\r\n familySerif: 'Stri',\r\n familyMono: 'Stri'\r\n },\r\n base: {\r\n colors: baseColors,\r\n spacing: Spacing,\r\n borderRadius: BorderRadius,\r\n mediaQueries: mediaQueries\r\n }\r\n};\r\n","import { Coi } from './coi';\r\nimport { Godrive } from './godrive';\r\nimport { Devops } from './devops';\r\nimport { Theme } from './type';\r\n\r\nexport const brandingTokens : Record<string, Theme> = {\r\n Coi,\r\n Devops,\r\n Godrive,\r\n};\r\n","import { Theme } from \"../../token/branding/type\";\r\n\r\n// Mapeamento de nomes dos tokens para variáveis CSS\r\nconst colorKeyMapping: Record<string, string> = {\r\n primary: 'colors-light-primary-light',\r\n primary100: 'colors-light-primary-light-100',\r\n primary200: 'colors-light-primary-light-200',\r\n primary400: 'colors-light-primary-light-400',\r\n primary500: 'colors-light-primary-light-500',\r\n primaryOpacity50: 'colors-light-primary-light-opacity-50',\r\n primaryOpacity25: 'colors-light-primary-light-opacity-25',\r\n primaryOpacity15: 'colors-light-primary-light-opacity-15',\r\n secondary: 'colors-light-secondary-light',\r\n secondary100: 'colors-light-secondary-light-100',\r\n secondary200: 'colors-light-secondary-light-200',\r\n secondary400: 'colors-light-secondary-light-400',\r\n secondary500: 'colors-light-secondary-light-500',\r\n secondaryOpacity50: 'colors-light-secondary-light-opacity-50',\r\n secondaryOpacity25: 'colors-light-secondary-light-opacity-25',\r\n secondaryOpacity15: 'colors-light-secondary-light-opacity-15',\r\n neutral: 'colors-light-neutral',\r\n};\r\n\r\nexport function generateCSSVariables(tokens: Theme, theme: 'light' | 'dark'): string {\r\n let cssVariables = '';\r\n\r\n // Brand colors - usando mapeamento correto para variáveis CSS\r\n const brandColors = tokens.colors[theme];\r\n Object.entries(brandColors).forEach(([key, value]) => {\r\n const cssVarName = colorKeyMapping[key] || key;\r\n cssVariables += `--${cssVarName}: ${value};\\n`;\r\n });\r\n\r\n // Base colors\r\n Object.entries(tokens.base.colors).forEach(([group, values]) => {\r\n Object.entries(values).forEach(([key, value]) => {\r\n cssVariables += `--${group}-${key}: ${value};\\n`;\r\n });\r\n });\r\n\r\n // Spacing\r\n Object.entries(tokens.base.spacing).forEach(([key, value]) => {\r\n cssVariables += `--spacing-${key}: ${value};\\n`;\r\n });\r\n\r\n // Border radius\r\n Object.entries(tokens.base.borderRadius).forEach(([key, value]) => {\r\n cssVariables += `--radius-${key}: ${value};\\n`;\r\n });\r\n\r\n // Media queries\r\n Object.entries(tokens.base.mediaQueries).forEach(([key, value]) => {\r\n cssVariables += `--media-${key}: ${value};\\n`;\r\n });\r\n\r\n // Typography\r\n Object.entries(tokens.type).forEach(([key, value]) => {\r\n cssVariables += `--font-${key}: ${value};\\n`;\r\n });\r\n\r\n return cssVariables;\r\n}","import { brandingTokens } from \"../../token/branding\";\r\nimport { Theme } from \"../../token/branding/type\";\r\nimport { generateCSSVariables } from \"./generate-css-variables\";\r\n\r\n\r\ntype ThemeMode = 'light' | 'dark';\r\ntype Brand = 'Devops' | 'Coi' | 'Godrive';\r\ntype ThemeChangeCallback = () => void;\r\n\r\nclass ThemeProvider {\r\n private static instance: ThemeProvider;\r\n private observers: ThemeChangeCallback[] = [];\r\n private theme: ThemeMode = 'light';\r\n private brand: Brand = 'Devops';\r\n private styleSheet: HTMLStyleElement | null = null;\r\n\r\n private constructor() {\r\n this.initializeStyleSheet();\r\n this.updateTheme();\r\n }\r\n\r\n private initializeStyleSheet() {\r\n this.styleSheet = document.createElement('style');\r\n this.styleSheet.id = 'ds-theme-variables';\r\n document.head.appendChild(this.styleSheet);\r\n }\r\n\r\n public static getInstance(): ThemeProvider {\r\n if (!ThemeProvider.instance) {\r\n ThemeProvider.instance = new ThemeProvider();\r\n }\r\n return ThemeProvider.instance;\r\n }\r\n\r\n public setTheme(theme: ThemeMode) {\r\n this.theme = theme;\r\n this.updateTheme();\r\n this.notifyObservers();\r\n }\r\n\r\n public setBrand(brand: Brand) {\r\n this.brand = brand;\r\n this.updateTheme();\r\n this.notifyObservers();\r\n }\r\n\r\n public getTheme(): ThemeMode {\r\n return this.theme;\r\n }\r\n\r\n public getBrand(): Brand {\r\n return this.brand;\r\n }\r\n\r\n public getCurrentTokens(): Theme {\r\n return brandingTokens[this.brand];\r\n }\r\n\r\n private updateTheme() {\r\n if (!this.styleSheet) {\r\n this.initializeStyleSheet();\r\n }\r\n\r\n console.log('updateTheme', this.theme, this.brand);\r\n\r\n const tokens = this.getCurrentTokens();\r\n const cssVariables = generateCSSVariables(tokens, this.theme);\r\n \r\n if (this.styleSheet) {\r\n this.styleSheet.textContent = `:root {\\n${cssVariables}}`;\r\n }\r\n\r\n document.documentElement.setAttribute('data-theme', this.theme);\r\n document.documentElement.setAttribute('data-brand', this.brand.toLowerCase());\r\n }\r\n\r\n public registerObserver(callback: ThemeChangeCallback) {\r\n this.observers.push(callback);\r\n }\r\n\r\n public unregisterObserver(callback: ThemeChangeCallback) {\r\n this.observers = this.observers.filter(cb => cb !== callback);\r\n }\r\n\r\n private notifyObservers() {\r\n this.observers.forEach(callback => callback());\r\n }\r\n\r\n public destroy() {\r\n this.styleSheet?.remove();\r\n this.styleSheet = null;\r\n }\r\n}\r\n\r\nexport const themeProvider = ThemeProvider.getInstance();\r\n"],"version":3}
package/dist/esm/index.js CHANGED
@@ -238,12 +238,33 @@ const brandingTokens = {
238
238
  Godrive,
239
239
  };
240
240
 
241
+ // Mapeamento de nomes dos tokens para variáveis CSS
242
+ const colorKeyMapping = {
243
+ primary: 'colors-light-primary-light',
244
+ primary100: 'colors-light-primary-light-100',
245
+ primary200: 'colors-light-primary-light-200',
246
+ primary400: 'colors-light-primary-light-400',
247
+ primary500: 'colors-light-primary-light-500',
248
+ primaryOpacity50: 'colors-light-primary-light-opacity-50',
249
+ primaryOpacity25: 'colors-light-primary-light-opacity-25',
250
+ primaryOpacity15: 'colors-light-primary-light-opacity-15',
251
+ secondary: 'colors-light-secondary-light',
252
+ secondary100: 'colors-light-secondary-light-100',
253
+ secondary200: 'colors-light-secondary-light-200',
254
+ secondary400: 'colors-light-secondary-light-400',
255
+ secondary500: 'colors-light-secondary-light-500',
256
+ secondaryOpacity50: 'colors-light-secondary-light-opacity-50',
257
+ secondaryOpacity25: 'colors-light-secondary-light-opacity-25',
258
+ secondaryOpacity15: 'colors-light-secondary-light-opacity-15',
259
+ neutral: 'colors-light-neutral',
260
+ };
241
261
  function generateCSSVariables(tokens, theme) {
242
262
  let cssVariables = '';
243
- // Brand colors
263
+ // Brand colors - usando mapeamento correto para variáveis CSS
244
264
  const brandColors = tokens.colors[theme];
245
265
  Object.entries(brandColors).forEach(([key, value]) => {
246
- cssVariables += `--${key}: ${value};\n`;
266
+ const cssVarName = colorKeyMapping[key] || key;
267
+ cssVariables += `--${cssVarName}: ${value};\n`;
247
268
  });
248
269
  // Base colors
249
270
  Object.entries(tokens.base.colors).forEach(([group, values]) => {
package/dist/esm/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["src/token/base/colors.ts","src/token/base/mediaQueries.ts","src/token/base/radius.ts","src/token/base/spacing.ts","src/token/branding/coi.ts","src/token/branding/godrive.ts","src/token/branding/devops.ts","src/token/branding/index.ts","src/components/Theme/generate-css-variables.ts","src/components/Theme/ThemeProvider.tsx"],"sourcesContent":["import { BaseTokens } from \"../branding/type\";\r\n\r\nexport const baseColors: BaseTokens['colors'] = {\r\n neutral: {\r\n 100: '#FFFFFF',\r\n 200: '#E7E7E7',\r\n 300: '#969696',\r\n 400: '#585757',\r\n 500: '#1C1C1C',\r\n 600: '#000000'\r\n },\r\n action: {\r\n 100: '#03A678',\r\n 200: '#088A66',\r\n 300: '#0D6F53',\r\n 400: '#125341',\r\n 500: '#866EAF'\r\n },\r\n brand: {\r\n 100: '#CE2A36',\r\n 200: '#AA2731',\r\n 300: '#87242C',\r\n 400: '#632226'\r\n },\r\n feedback: {\r\n info100: '#2391E1',\r\n success100: '#029C49',\r\n warning100: '#DF8F16',\r\n error100: '#F14444',\r\n info200: '#2391E1',\r\n success200: '#029C49',\r\n warning200: '#DF8F16',\r\n error200: '#F14444'\r\n },\r\n background: {\r\n 100: '#FFFFFF',\r\n 200: '#F7F7F7',\r\n info: '#C9E5FA',\r\n success: '#C0E6D1',\r\n warning: '#F7E3C5',\r\n error: '#FBD0D0'\r\n }\r\n};","const mediaQueries = {\r\n screenXxs: '375px',\r\n screenXs: '520px', // Extra small screen / phone\r\n screenSm: '768px', // Small screen / tablet\r\n screenMd: '1024px', // Medium screen / desktop\r\n screenLg: '1280px', // Large screen / wide desktop\r\n screenXlg: '1440px', // Rich people screen / wide desktop\r\n screenXxlg: '1920px',\r\n screenXxxlg: '2560px', // This breakpoint is used to Correct both AppHeader and AppFooter\r\n}\r\n\r\nexport { mediaQueries }\r\n","const BorderRadius = {\r\n 1: '0px',\r\n 2: '4px',\r\n 3: '8px',\r\n 4: '100px',\r\n}\r\n\r\nexport { BorderRadius } \r\n","const Spacing = {\r\n 1: '0.125rem',\r\n 2: '0.25rem',\r\n 3: '0.5rem',\r\n 4: '1rem',\r\n 5: '1.5rem',\r\n 6: '2rem',\r\n 7: '2.5rem',\r\n 8: '3rem',\r\n 9: '3.5rem',\r\n}\r\n\r\nexport { Spacing } \r\n","import { baseColors } from \"../base/colors\";\r\nimport { mediaQueries } from \"../base/mediaQueries\";\r\nimport { BorderRadius } from \"../base/radius\";\r\nimport { Spacing } from \"../base/spacing\";\r\nimport { Theme } from \"./type\";\r\n\r\nexport const Coi: Theme = {\r\n colors: {\r\n light: {\r\n primary: '#0064cb',\r\n primary100: '#00b8ff',\r\n primary200: '#008fff',\r\n primary400: '#0071c8',\r\n primary500: '#00398d',\r\n primaryOpacity50: '#0064cb80',\r\n primaryOpacity25: '#0064cb40',\r\n primaryOpacity15: '#0064cb26',\r\n secondary: '#00e5ce',\r\n secondary100: '#b5eee3',\r\n secondary200: '#7dead8',\r\n secondary400: '#49bcab',\r\n secondary500: '#01af9d',\r\n secondaryOpacity50: '#00e5ce80',\r\n secondaryOpacity25: '#00e5ce40',\r\n secondaryOpacity15: '#00e5ce26',\r\n neutral: '#ffffff'\r\n },\r\n dark: {\r\n primary: '#00e5ce',\r\n primary100: '#b5eee3',\r\n primary200: '#7dead8',\r\n primary400: '#49bcab',\r\n primary500: '#01af9d',\r\n primaryOpacity50: '#00e5ce80',\r\n primaryOpacity25: '#00e5ce40',\r\n primaryOpacity15: '#00e5ce26',\r\n secondary: '#0064cb',\r\n secondary100: '#00b8ff',\r\n secondary200: '#008fff',\r\n secondary400: '#0071c8',\r\n secondary500: '#00398d',\r\n secondaryOpacity50: '#0064cb80',\r\n secondaryOpacity25: '#0064cb40',\r\n secondaryOpacity15: '#0064cb26',\r\n neutral: '#dfdfdf'\r\n }\r\n },\r\n type: {\r\n familySans: 'Lato',\r\n familySerif: 'Stri',\r\n familyMono: 'Roboto Mono'\r\n },\r\n base: {\r\n colors: baseColors,\r\n spacing: Spacing,\r\n borderRadius: BorderRadius,\r\n mediaQueries: mediaQueries\r\n }\r\n};\r\n","import { baseColors } from \"../base/colors\";\r\nimport { mediaQueries } from \"../base/mediaQueries\";\r\nimport { BorderRadius } from \"../base/radius\";\r\nimport { Spacing } from \"../base/spacing\";\r\nimport { Theme } from \"./type\";\r\n\r\nexport const Godrive: Theme = {\r\n colors: {\r\n light: {\r\n primary: '#961e96',\r\n primary100: '#e171e1',\r\n primary200: '#c348c3',\r\n primary400: '#741472',\r\n primary500: '#5c2e5c',\r\n primaryOpacity50: '#961e9680',\r\n primaryOpacity25: '#961e9640',\r\n primaryOpacity15: '#961e9626',\r\n secondary: '#ffa000',\r\n secondary100: '#f1d2b4',\r\n secondary200: '#fdb96b',\r\n secondary400: '#faa96f',\r\n secondary500: '#f48120',\r\n secondaryOpacity50: '#ffa00080',\r\n secondaryOpacity25: '#ffa00040',\r\n secondaryOpacity15: '#ffa00026',\r\n neutral: '#ffffff'\r\n },\r\n dark: {\r\n primary: '#ffa000',\r\n primary100: '#f1d2b4',\r\n primary200: '#fdb96b',\r\n primary400: '#faa96f',\r\n primary500: '#f48120',\r\n primaryOpacity50: '#ffa00080',\r\n primaryOpacity25: '#ffa00040',\r\n primaryOpacity15: '#ffa00026',\r\n secondary: '#e171e1',\r\n secondary100: '#e171e1',\r\n secondary200: '#c348c3',\r\n secondary400: '#961e96',\r\n secondary500: '#741472',\r\n secondaryOpacity50: '#e171e180',\r\n secondaryOpacity25: '#e171e140',\r\n secondaryOpacity15: '#e171e126',\r\n neutral: '#a5a4a3'\r\n }\r\n },\r\n type: {\r\n familySans: 'Roboto',\r\n familySerif: 'Stri',\r\n familyMono: 'Roboto Mono'\r\n },\r\n base: {\r\n colors: baseColors,\r\n spacing: Spacing,\r\n borderRadius: BorderRadius,\r\n mediaQueries: mediaQueries\r\n }\r\n};","import { baseColors } from \"../base/colors\";\r\nimport { mediaQueries } from \"../base/mediaQueries\";\r\nimport { BorderRadius } from \"../base/radius\";\r\nimport { Spacing } from \"../base/spacing\";\r\nimport { Theme } from \"./type\";\r\n\r\nexport const Devops: Theme = {\r\n colors: {\r\n light: {\r\n primary: '#002d72',\r\n primary100: '#aaabd0',\r\n primary200: '#8689b8',\r\n primary400: '#00386a',\r\n primary500: '#002548',\r\n primaryOpacity50: '#002d7280',\r\n primaryOpacity25: '#002d7240',\r\n primaryOpacity15: '#002d7226',\r\n secondary: '#0072ce',\r\n secondary100: '#a0aed1',\r\n secondary200: '#6c8fd0',\r\n secondary400: '#0660b6',\r\n secondary500: '#074e9f',\r\n secondaryOpacity50: '#0072ce80',\r\n secondaryOpacity25: '#0072ce40',\r\n secondaryOpacity15: '#0072ce26',\r\n neutral: '#999999'\r\n },\r\n dark: {\r\n primary: '#495691',\r\n primary100: '#969abf',\r\n primary200: '#646ca0',\r\n primary400: '#2d4181',\r\n primary500: '#002d72',\r\n primaryOpacity50: '#49569180',\r\n primaryOpacity25: '#49569140',\r\n primaryOpacity15: '#49569126',\r\n secondary: '#608fda',\r\n secondary100: '#a9bdea',\r\n secondary200: '#7a9edf',\r\n secondary400: '#4180d4',\r\n secondary500: '#0072ce',\r\n secondaryOpacity50: '#608fda',\r\n secondaryOpacity25: '#608fda',\r\n secondaryOpacity15: '#608fda',\r\n neutral: '#bbc0c0'\r\n }\r\n },\r\n type: {\r\n familySans: 'Afacad',\r\n familySerif: 'Stri',\r\n familyMono: 'Stri'\r\n },\r\n base: {\r\n colors: baseColors,\r\n spacing: Spacing,\r\n borderRadius: BorderRadius,\r\n mediaQueries: mediaQueries\r\n }\r\n};\r\n","import { Coi } from './coi';\r\nimport { Godrive } from './godrive';\r\nimport { Devops } from './devops';\r\nimport { Theme } from './type';\r\n\r\nexport const brandingTokens : Record<string, Theme> = {\r\n Coi,\r\n Devops,\r\n Godrive,\r\n};\r\n","import { Theme } from \"../../token/branding/type\";\r\n\r\nexport function generateCSSVariables(tokens: Theme, theme: 'light' | 'dark'): string {\r\n let cssVariables = '';\r\n\r\n // Brand colors\r\n const brandColors = tokens.colors[theme];\r\n Object.entries(brandColors).forEach(([key, value]) => {\r\n cssVariables += `--${key}: ${value};\\n`;\r\n });\r\n\r\n // Base colors\r\n Object.entries(tokens.base.colors).forEach(([group, values]) => {\r\n Object.entries(values).forEach(([key, value]) => {\r\n cssVariables += `--${group}-${key}: ${value};\\n`;\r\n });\r\n });\r\n\r\n // Spacing\r\n Object.entries(tokens.base.spacing).forEach(([key, value]) => {\r\n cssVariables += `--spacing-${key}: ${value};\\n`;\r\n });\r\n\r\n // Border radius\r\n Object.entries(tokens.base.borderRadius).forEach(([key, value]) => {\r\n cssVariables += `--radius-${key}: ${value};\\n`;\r\n });\r\n\r\n // Media queries\r\n Object.entries(tokens.base.mediaQueries).forEach(([key, value]) => {\r\n cssVariables += `--media-${key}: ${value};\\n`;\r\n });\r\n\r\n // Typography\r\n Object.entries(tokens.type).forEach(([key, value]) => {\r\n cssVariables += `--font-${key}: ${value};\\n`;\r\n });\r\n\r\n return cssVariables;\r\n}","import { brandingTokens } from \"../../token/branding\";\r\nimport { Theme } from \"../../token/branding/type\";\r\nimport { generateCSSVariables } from \"./generate-css-variables\";\r\n\r\n\r\ntype ThemeMode = 'light' | 'dark';\r\ntype Brand = 'Devops' | 'Coi' | 'Godrive';\r\ntype ThemeChangeCallback = () => void;\r\n\r\nclass ThemeProvider {\r\n private static instance: ThemeProvider;\r\n private observers: ThemeChangeCallback[] = [];\r\n private theme: ThemeMode = 'light';\r\n private brand: Brand = 'Devops';\r\n private styleSheet: HTMLStyleElement | null = null;\r\n\r\n private constructor() {\r\n this.initializeStyleSheet();\r\n this.updateTheme();\r\n }\r\n\r\n private initializeStyleSheet() {\r\n this.styleSheet = document.createElement('style');\r\n this.styleSheet.id = 'ds-theme-variables';\r\n document.head.appendChild(this.styleSheet);\r\n }\r\n\r\n public static getInstance(): ThemeProvider {\r\n if (!ThemeProvider.instance) {\r\n ThemeProvider.instance = new ThemeProvider();\r\n }\r\n return ThemeProvider.instance;\r\n }\r\n\r\n public setTheme(theme: ThemeMode) {\r\n this.theme = theme;\r\n this.updateTheme();\r\n this.notifyObservers();\r\n }\r\n\r\n public setBrand(brand: Brand) {\r\n this.brand = brand;\r\n this.updateTheme();\r\n this.notifyObservers();\r\n }\r\n\r\n public getTheme(): ThemeMode {\r\n return this.theme;\r\n }\r\n\r\n public getBrand(): Brand {\r\n return this.brand;\r\n }\r\n\r\n public getCurrentTokens(): Theme {\r\n return brandingTokens[this.brand];\r\n }\r\n\r\n private updateTheme() {\r\n if (!this.styleSheet) {\r\n this.initializeStyleSheet();\r\n }\r\n\r\n console.log('updateTheme', this.theme, this.brand);\r\n\r\n const tokens = this.getCurrentTokens();\r\n const cssVariables = generateCSSVariables(tokens, this.theme);\r\n \r\n if (this.styleSheet) {\r\n this.styleSheet.textContent = `:root {\\n${cssVariables}}`;\r\n }\r\n\r\n document.documentElement.setAttribute('data-theme', this.theme);\r\n document.documentElement.setAttribute('data-brand', this.brand.toLowerCase());\r\n }\r\n\r\n public registerObserver(callback: ThemeChangeCallback) {\r\n this.observers.push(callback);\r\n }\r\n\r\n public unregisterObserver(callback: ThemeChangeCallback) {\r\n this.observers = this.observers.filter(cb => cb !== callback);\r\n }\r\n\r\n private notifyObservers() {\r\n this.observers.forEach(callback => callback());\r\n }\r\n\r\n public destroy() {\r\n this.styleSheet?.remove();\r\n this.styleSheet = null;\r\n }\r\n}\r\n\r\nexport const themeProvider = ThemeProvider.getInstance();\r\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["src/token/base/colors.ts","src/token/base/mediaQueries.ts","src/token/base/radius.ts","src/token/base/spacing.ts","src/token/branding/coi.ts","src/token/branding/godrive.ts","src/token/branding/devops.ts","src/token/branding/index.ts","src/components/Theme/generate-css-variables.ts","src/components/Theme/ThemeProvider.tsx"],"sourcesContent":["import { BaseTokens } from \"../branding/type\";\r\n\r\nexport const baseColors: BaseTokens['colors'] = {\r\n neutral: {\r\n 100: '#FFFFFF',\r\n 200: '#E7E7E7',\r\n 300: '#969696',\r\n 400: '#585757',\r\n 500: '#1C1C1C',\r\n 600: '#000000'\r\n },\r\n action: {\r\n 100: '#03A678',\r\n 200: '#088A66',\r\n 300: '#0D6F53',\r\n 400: '#125341',\r\n 500: '#866EAF'\r\n },\r\n brand: {\r\n 100: '#CE2A36',\r\n 200: '#AA2731',\r\n 300: '#87242C',\r\n 400: '#632226'\r\n },\r\n feedback: {\r\n info100: '#2391E1',\r\n success100: '#029C49',\r\n warning100: '#DF8F16',\r\n error100: '#F14444',\r\n info200: '#2391E1',\r\n success200: '#029C49',\r\n warning200: '#DF8F16',\r\n error200: '#F14444'\r\n },\r\n background: {\r\n 100: '#FFFFFF',\r\n 200: '#F7F7F7',\r\n info: '#C9E5FA',\r\n success: '#C0E6D1',\r\n warning: '#F7E3C5',\r\n error: '#FBD0D0'\r\n }\r\n};","const mediaQueries = {\r\n screenXxs: '375px',\r\n screenXs: '520px', // Extra small screen / phone\r\n screenSm: '768px', // Small screen / tablet\r\n screenMd: '1024px', // Medium screen / desktop\r\n screenLg: '1280px', // Large screen / wide desktop\r\n screenXlg: '1440px', // Rich people screen / wide desktop\r\n screenXxlg: '1920px',\r\n screenXxxlg: '2560px', // This breakpoint is used to Correct both AppHeader and AppFooter\r\n}\r\n\r\nexport { mediaQueries }\r\n","const BorderRadius = {\r\n 1: '0px',\r\n 2: '4px',\r\n 3: '8px',\r\n 4: '100px',\r\n}\r\n\r\nexport { BorderRadius } \r\n","const Spacing = {\r\n 1: '0.125rem',\r\n 2: '0.25rem',\r\n 3: '0.5rem',\r\n 4: '1rem',\r\n 5: '1.5rem',\r\n 6: '2rem',\r\n 7: '2.5rem',\r\n 8: '3rem',\r\n 9: '3.5rem',\r\n}\r\n\r\nexport { Spacing } \r\n","import { baseColors } from \"../base/colors\";\r\nimport { mediaQueries } from \"../base/mediaQueries\";\r\nimport { BorderRadius } from \"../base/radius\";\r\nimport { Spacing } from \"../base/spacing\";\r\nimport { Theme } from \"./type\";\r\n\r\nexport const Coi: Theme = {\r\n colors: {\r\n light: {\r\n primary: '#0064cb',\r\n primary100: '#00b8ff',\r\n primary200: '#008fff',\r\n primary400: '#0071c8',\r\n primary500: '#00398d',\r\n primaryOpacity50: '#0064cb80',\r\n primaryOpacity25: '#0064cb40',\r\n primaryOpacity15: '#0064cb26',\r\n secondary: '#00e5ce',\r\n secondary100: '#b5eee3',\r\n secondary200: '#7dead8',\r\n secondary400: '#49bcab',\r\n secondary500: '#01af9d',\r\n secondaryOpacity50: '#00e5ce80',\r\n secondaryOpacity25: '#00e5ce40',\r\n secondaryOpacity15: '#00e5ce26',\r\n neutral: '#ffffff'\r\n },\r\n dark: {\r\n primary: '#00e5ce',\r\n primary100: '#b5eee3',\r\n primary200: '#7dead8',\r\n primary400: '#49bcab',\r\n primary500: '#01af9d',\r\n primaryOpacity50: '#00e5ce80',\r\n primaryOpacity25: '#00e5ce40',\r\n primaryOpacity15: '#00e5ce26',\r\n secondary: '#0064cb',\r\n secondary100: '#00b8ff',\r\n secondary200: '#008fff',\r\n secondary400: '#0071c8',\r\n secondary500: '#00398d',\r\n secondaryOpacity50: '#0064cb80',\r\n secondaryOpacity25: '#0064cb40',\r\n secondaryOpacity15: '#0064cb26',\r\n neutral: '#dfdfdf'\r\n }\r\n },\r\n type: {\r\n familySans: 'Lato',\r\n familySerif: 'Stri',\r\n familyMono: 'Roboto Mono'\r\n },\r\n base: {\r\n colors: baseColors,\r\n spacing: Spacing,\r\n borderRadius: BorderRadius,\r\n mediaQueries: mediaQueries\r\n }\r\n};\r\n","import { baseColors } from \"../base/colors\";\r\nimport { mediaQueries } from \"../base/mediaQueries\";\r\nimport { BorderRadius } from \"../base/radius\";\r\nimport { Spacing } from \"../base/spacing\";\r\nimport { Theme } from \"./type\";\r\n\r\nexport const Godrive: Theme = {\r\n colors: {\r\n light: {\r\n primary: '#961e96',\r\n primary100: '#e171e1',\r\n primary200: '#c348c3',\r\n primary400: '#741472',\r\n primary500: '#5c2e5c',\r\n primaryOpacity50: '#961e9680',\r\n primaryOpacity25: '#961e9640',\r\n primaryOpacity15: '#961e9626',\r\n secondary: '#ffa000',\r\n secondary100: '#f1d2b4',\r\n secondary200: '#fdb96b',\r\n secondary400: '#faa96f',\r\n secondary500: '#f48120',\r\n secondaryOpacity50: '#ffa00080',\r\n secondaryOpacity25: '#ffa00040',\r\n secondaryOpacity15: '#ffa00026',\r\n neutral: '#ffffff'\r\n },\r\n dark: {\r\n primary: '#ffa000',\r\n primary100: '#f1d2b4',\r\n primary200: '#fdb96b',\r\n primary400: '#faa96f',\r\n primary500: '#f48120',\r\n primaryOpacity50: '#ffa00080',\r\n primaryOpacity25: '#ffa00040',\r\n primaryOpacity15: '#ffa00026',\r\n secondary: '#e171e1',\r\n secondary100: '#e171e1',\r\n secondary200: '#c348c3',\r\n secondary400: '#961e96',\r\n secondary500: '#741472',\r\n secondaryOpacity50: '#e171e180',\r\n secondaryOpacity25: '#e171e140',\r\n secondaryOpacity15: '#e171e126',\r\n neutral: '#a5a4a3'\r\n }\r\n },\r\n type: {\r\n familySans: 'Roboto',\r\n familySerif: 'Stri',\r\n familyMono: 'Roboto Mono'\r\n },\r\n base: {\r\n colors: baseColors,\r\n spacing: Spacing,\r\n borderRadius: BorderRadius,\r\n mediaQueries: mediaQueries\r\n }\r\n};","import { baseColors } from \"../base/colors\";\r\nimport { mediaQueries } from \"../base/mediaQueries\";\r\nimport { BorderRadius } from \"../base/radius\";\r\nimport { Spacing } from \"../base/spacing\";\r\nimport { Theme } from \"./type\";\r\n\r\nexport const Devops: Theme = {\r\n colors: {\r\n light: {\r\n primary: '#002d72',\r\n primary100: '#aaabd0',\r\n primary200: '#8689b8',\r\n primary400: '#00386a',\r\n primary500: '#002548',\r\n primaryOpacity50: '#002d7280',\r\n primaryOpacity25: '#002d7240',\r\n primaryOpacity15: '#002d7226',\r\n secondary: '#0072ce',\r\n secondary100: '#a0aed1',\r\n secondary200: '#6c8fd0',\r\n secondary400: '#0660b6',\r\n secondary500: '#074e9f',\r\n secondaryOpacity50: '#0072ce80',\r\n secondaryOpacity25: '#0072ce40',\r\n secondaryOpacity15: '#0072ce26',\r\n neutral: '#999999'\r\n },\r\n dark: {\r\n primary: '#495691',\r\n primary100: '#969abf',\r\n primary200: '#646ca0',\r\n primary400: '#2d4181',\r\n primary500: '#002d72',\r\n primaryOpacity50: '#49569180',\r\n primaryOpacity25: '#49569140',\r\n primaryOpacity15: '#49569126',\r\n secondary: '#608fda',\r\n secondary100: '#a9bdea',\r\n secondary200: '#7a9edf',\r\n secondary400: '#4180d4',\r\n secondary500: '#0072ce',\r\n secondaryOpacity50: '#608fda',\r\n secondaryOpacity25: '#608fda',\r\n secondaryOpacity15: '#608fda',\r\n neutral: '#bbc0c0'\r\n }\r\n },\r\n type: {\r\n familySans: 'Afacad',\r\n familySerif: 'Stri',\r\n familyMono: 'Stri'\r\n },\r\n base: {\r\n colors: baseColors,\r\n spacing: Spacing,\r\n borderRadius: BorderRadius,\r\n mediaQueries: mediaQueries\r\n }\r\n};\r\n","import { Coi } from './coi';\r\nimport { Godrive } from './godrive';\r\nimport { Devops } from './devops';\r\nimport { Theme } from './type';\r\n\r\nexport const brandingTokens : Record<string, Theme> = {\r\n Coi,\r\n Devops,\r\n Godrive,\r\n};\r\n","import { Theme } from \"../../token/branding/type\";\r\n\r\n// Mapeamento de nomes dos tokens para variáveis CSS\r\nconst colorKeyMapping: Record<string, string> = {\r\n primary: 'colors-light-primary-light',\r\n primary100: 'colors-light-primary-light-100',\r\n primary200: 'colors-light-primary-light-200',\r\n primary400: 'colors-light-primary-light-400',\r\n primary500: 'colors-light-primary-light-500',\r\n primaryOpacity50: 'colors-light-primary-light-opacity-50',\r\n primaryOpacity25: 'colors-light-primary-light-opacity-25',\r\n primaryOpacity15: 'colors-light-primary-light-opacity-15',\r\n secondary: 'colors-light-secondary-light',\r\n secondary100: 'colors-light-secondary-light-100',\r\n secondary200: 'colors-light-secondary-light-200',\r\n secondary400: 'colors-light-secondary-light-400',\r\n secondary500: 'colors-light-secondary-light-500',\r\n secondaryOpacity50: 'colors-light-secondary-light-opacity-50',\r\n secondaryOpacity25: 'colors-light-secondary-light-opacity-25',\r\n secondaryOpacity15: 'colors-light-secondary-light-opacity-15',\r\n neutral: 'colors-light-neutral',\r\n};\r\n\r\nexport function generateCSSVariables(tokens: Theme, theme: 'light' | 'dark'): string {\r\n let cssVariables = '';\r\n\r\n // Brand colors - usando mapeamento correto para variáveis CSS\r\n const brandColors = tokens.colors[theme];\r\n Object.entries(brandColors).forEach(([key, value]) => {\r\n const cssVarName = colorKeyMapping[key] || key;\r\n cssVariables += `--${cssVarName}: ${value};\\n`;\r\n });\r\n\r\n // Base colors\r\n Object.entries(tokens.base.colors).forEach(([group, values]) => {\r\n Object.entries(values).forEach(([key, value]) => {\r\n cssVariables += `--${group}-${key}: ${value};\\n`;\r\n });\r\n });\r\n\r\n // Spacing\r\n Object.entries(tokens.base.spacing).forEach(([key, value]) => {\r\n cssVariables += `--spacing-${key}: ${value};\\n`;\r\n });\r\n\r\n // Border radius\r\n Object.entries(tokens.base.borderRadius).forEach(([key, value]) => {\r\n cssVariables += `--radius-${key}: ${value};\\n`;\r\n });\r\n\r\n // Media queries\r\n Object.entries(tokens.base.mediaQueries).forEach(([key, value]) => {\r\n cssVariables += `--media-${key}: ${value};\\n`;\r\n });\r\n\r\n // Typography\r\n Object.entries(tokens.type).forEach(([key, value]) => {\r\n cssVariables += `--font-${key}: ${value};\\n`;\r\n });\r\n\r\n return cssVariables;\r\n}","import { brandingTokens } from \"../../token/branding\";\r\nimport { Theme } from \"../../token/branding/type\";\r\nimport { generateCSSVariables } from \"./generate-css-variables\";\r\n\r\n\r\ntype ThemeMode = 'light' | 'dark';\r\ntype Brand = 'Devops' | 'Coi' | 'Godrive';\r\ntype ThemeChangeCallback = () => void;\r\n\r\nclass ThemeProvider {\r\n private static instance: ThemeProvider;\r\n private observers: ThemeChangeCallback[] = [];\r\n private theme: ThemeMode = 'light';\r\n private brand: Brand = 'Devops';\r\n private styleSheet: HTMLStyleElement | null = null;\r\n\r\n private constructor() {\r\n this.initializeStyleSheet();\r\n this.updateTheme();\r\n }\r\n\r\n private initializeStyleSheet() {\r\n this.styleSheet = document.createElement('style');\r\n this.styleSheet.id = 'ds-theme-variables';\r\n document.head.appendChild(this.styleSheet);\r\n }\r\n\r\n public static getInstance(): ThemeProvider {\r\n if (!ThemeProvider.instance) {\r\n ThemeProvider.instance = new ThemeProvider();\r\n }\r\n return ThemeProvider.instance;\r\n }\r\n\r\n public setTheme(theme: ThemeMode) {\r\n this.theme = theme;\r\n this.updateTheme();\r\n this.notifyObservers();\r\n }\r\n\r\n public setBrand(brand: Brand) {\r\n this.brand = brand;\r\n this.updateTheme();\r\n this.notifyObservers();\r\n }\r\n\r\n public getTheme(): ThemeMode {\r\n return this.theme;\r\n }\r\n\r\n public getBrand(): Brand {\r\n return this.brand;\r\n }\r\n\r\n public getCurrentTokens(): Theme {\r\n return brandingTokens[this.brand];\r\n }\r\n\r\n private updateTheme() {\r\n if (!this.styleSheet) {\r\n this.initializeStyleSheet();\r\n }\r\n\r\n console.log('updateTheme', this.theme, this.brand);\r\n\r\n const tokens = this.getCurrentTokens();\r\n const cssVariables = generateCSSVariables(tokens, this.theme);\r\n \r\n if (this.styleSheet) {\r\n this.styleSheet.textContent = `:root {\\n${cssVariables}}`;\r\n }\r\n\r\n document.documentElement.setAttribute('data-theme', this.theme);\r\n document.documentElement.setAttribute('data-brand', this.brand.toLowerCase());\r\n }\r\n\r\n public registerObserver(callback: ThemeChangeCallback) {\r\n this.observers.push(callback);\r\n }\r\n\r\n public unregisterObserver(callback: ThemeChangeCallback) {\r\n this.observers = this.observers.filter(cb => cb !== callback);\r\n }\r\n\r\n private notifyObservers() {\r\n this.observers.forEach(callback => callback());\r\n }\r\n\r\n public destroy() {\r\n this.styleSheet?.remove();\r\n this.styleSheet = null;\r\n }\r\n}\r\n\r\nexport const themeProvider = ThemeProvider.getInstance();\r\n"],"names":[],"mappings":"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"}
package/dist/styles/voa-components.css CHANGED
@@ -1,8 +1,8 @@
1
1
  /**
2
2
  * VOA Design System - Consolidated Component Styles
3
3
  *
4
- * Versão: 1.0.56
5
- * Gerado automaticamente em: 2026-01-27T13:09:51.470Z
4
+ * Versão: 1.0.59
5
+ * Gerado automaticamente em: 2026-01-27T13:43:27.490Z
6
6
  */
7
7
 
8
8
  /* Design System Fonts */
package/dist/voa/index.esm.js CHANGED
@@ -1,2 +1,2 @@
1
- const r={neutral:{100:"#FFFFFF",200:"#E7E7E7",300:"#969696",400:"#585757",500:"#1C1C1C",600:"#000000"},action:{100:"#03A678",200:"#088A66",300:"#0D6F53",400:"#125341",500:"#866EAF"},brand:{100:"#CE2A36",200:"#AA2731",300:"#87242C",400:"#632226"},feedback:{info100:"#2391E1",success100:"#029C49",warning100:"#DF8F16",error100:"#F14444",info200:"#2391E1",success200:"#029C49",warning200:"#DF8F16",error200:"#F14444"},background:{100:"#FFFFFF",200:"#F7F7F7",info:"#C9E5FA",success:"#C0E6D1",warning:"#F7E3C5",error:"#FBD0D0"}};const a={screenXxs:"375px",screenXs:"520px",screenSm:"768px",screenMd:"1024px",screenLg:"1280px",screenXlg:"1440px",screenXxlg:"1920px",screenXxxlg:"2560px"};const e={1:"0px",2:"4px",3:"8px",4:"100px"};const c={1:"0.125rem",2:"0.25rem",3:"0.5rem",4:"1rem",5:"1.5rem",6:"2rem",7:"2.5rem",8:"3rem",9:"3.5rem"};const i={colors:{light:{primary:"#0064cb",primary100:"#00b8ff",primary200:"#008fff",primary400:"#0071c8",primary500:"#00398d",primaryOpacity50:"#0064cb80",primaryOpacity25:"#0064cb40",primaryOpacity15:"#0064cb26",secondary:"#00e5ce",secondary100:"#b5eee3",secondary200:"#7dead8",secondary400:"#49bcab",secondary500:"#01af9d",secondaryOpacity50:"#00e5ce80",secondaryOpacity25:"#00e5ce40",secondaryOpacity15:"#00e5ce26",neutral:"#ffffff"},dark:{primary:"#00e5ce",primary100:"#b5eee3",primary200:"#7dead8",primary400:"#49bcab",primary500:"#01af9d",primaryOpacity50:"#00e5ce80",primaryOpacity25:"#00e5ce40",primaryOpacity15:"#00e5ce26",secondary:"#0064cb",secondary100:"#00b8ff",secondary200:"#008fff",secondary400:"#0071c8",secondary500:"#00398d",secondaryOpacity50:"#0064cb80",secondaryOpacity25:"#0064cb40",secondaryOpacity15:"#0064cb26",neutral:"#dfdfdf"}},type:{familySans:"Lato",familySerif:"Stri",familyMono:"Roboto Mono"},base:{colors:r,spacing:c,borderRadius:e,mediaQueries:a}};const s={colors:{light:{primary:"#961e96",primary100:"#e171e1",primary200:"#c348c3",primary400:"#741472",primary500:"#5c2e5c",primaryOpacity50:"#961e9680",primaryOpacity25:"#961e9640",primaryOpacity15:"#961e9626",secondary:"#ffa000",secondary100:"#f1d2b4",secondary200:"#fdb96b",secondary400:"#faa96f",secondary500:"#f48120",secondaryOpacity50:"#ffa00080",secondaryOpacity25:"#ffa00040",secondaryOpacity15:"#ffa00026",neutral:"#ffffff"},dark:{primary:"#ffa000",primary100:"#f1d2b4",primary200:"#fdb96b",primary400:"#faa96f",primary500:"#f48120",primaryOpacity50:"#ffa00080",primaryOpacity25:"#ffa00040",primaryOpacity15:"#ffa00026",secondary:"#e171e1",secondary100:"#e171e1",secondary200:"#c348c3",secondary400:"#961e96",secondary500:"#741472",secondaryOpacity50:"#e171e180",secondaryOpacity25:"#e171e140",secondaryOpacity15:"#e171e126",neutral:"#a5a4a3"}},type:{familySans:"Roboto",familySerif:"Stri",familyMono:"Roboto Mono"},base:{colors:r,spacing:c,borderRadius:e,mediaQueries:a}};const t={colors:{light:{primary:"#002d72",primary100:"#aaabd0",primary200:"#8689b8",primary400:"#00386a",primary500:"#002548",primaryOpacity50:"#002d7280",primaryOpacity25:"#002d7240",primaryOpacity15:"#002d7226",secondary:"#0072ce",secondary100:"#a0aed1",secondary200:"#6c8fd0",secondary400:"#0660b6",secondary500:"#074e9f",secondaryOpacity50:"#0072ce80",secondaryOpacity25:"#0072ce40",secondaryOpacity15:"#0072ce26",neutral:"#999999"},dark:{primary:"#495691",primary100:"#969abf",primary200:"#646ca0",primary400:"#2d4181",primary500:"#002d72",primaryOpacity50:"#49569180",primaryOpacity25:"#49569140",primaryOpacity15:"#49569126",secondary:"#608fda",secondary100:"#a9bdea",secondary200:"#7a9edf",secondary400:"#4180d4",secondary500:"#0072ce",secondaryOpacity50:"#608fda",secondaryOpacity25:"#608fda",secondaryOpacity15:"#608fda",neutral:"#bbc0c0"}},type:{familySans:"Afacad",familySerif:"Stri",familyMono:"Stri"},base:{colors:r,spacing:c,borderRadius:e,mediaQueries:a}};const y={Coi:i,Devops:t,Godrive:s};function n(r,a){let e="";const c=r.colors[a];Object.entries(c).forEach((([r,a])=>{e+=`--${r}: ${a};\n`}));Object.entries(r.base.colors).forEach((([r,a])=>{Object.entries(a).forEach((([a,c])=>{e+=`--${r}-${a}: ${c};\n`}))}));Object.entries(r.base.spacing).forEach((([r,a])=>{e+=`--spacing-${r}: ${a};\n`}));Object.entries(r.base.borderRadius).forEach((([r,a])=>{e+=`--radius-${r}: ${a};\n`}));Object.entries(r.base.mediaQueries).forEach((([r,a])=>{e+=`--media-${r}: ${a};\n`}));Object.entries(r.type).forEach((([r,a])=>{e+=`--font-${r}: ${a};\n`}));return e}class o{constructor(){this.observers=[];this.theme="light";this.brand="Devops";this.styleSheet=null;this.initializeStyleSheet();this.updateTheme()}initializeStyleSheet(){this.styleSheet=document.createElement("style");this.styleSheet.id="ds-theme-variables";document.head.appendChild(this.styleSheet)}static getInstance(){if(!o.instance){o.instance=new o}return o.instance}setTheme(r){this.theme=r;this.updateTheme();this.notifyObservers()}setBrand(r){this.brand=r;this.updateTheme();this.notifyObservers()}getTheme(){return this.theme}getBrand(){return this.brand}getCurrentTokens(){return y[this.brand]}updateTheme(){if(!this.styleSheet){this.initializeStyleSheet()}console.log("updateTheme",this.theme,this.brand);const r=this.getCurrentTokens();const a=n(r,this.theme);if(this.styleSheet){this.styleSheet.textContent=`:root {\n${a}}`}document.documentElement.setAttribute("data-theme",this.theme);document.documentElement.setAttribute("data-brand",this.brand.toLowerCase())}registerObserver(r){this.observers.push(r)}unregisterObserver(r){this.observers=this.observers.filter((a=>a!==r))}notifyObservers(){this.observers.forEach((r=>r()))}destroy(){var r;(r=this.styleSheet)===null||r===void 0?void 0:r.remove();this.styleSheet=null}}const d=o.getInstance();export{d as themeProvider};
1
+ const r={neutral:{100:"#FFFFFF",200:"#E7E7E7",300:"#969696",400:"#585757",500:"#1C1C1C",600:"#000000"},action:{100:"#03A678",200:"#088A66",300:"#0D6F53",400:"#125341",500:"#866EAF"},brand:{100:"#CE2A36",200:"#AA2731",300:"#87242C",400:"#632226"},feedback:{info100:"#2391E1",success100:"#029C49",warning100:"#DF8F16",error100:"#F14444",info200:"#2391E1",success200:"#029C49",warning200:"#DF8F16",error200:"#F14444"},background:{100:"#FFFFFF",200:"#F7F7F7",info:"#C9E5FA",success:"#C0E6D1",warning:"#F7E3C5",error:"#FBD0D0"}};const a={screenXxs:"375px",screenXs:"520px",screenSm:"768px",screenMd:"1024px",screenLg:"1280px",screenXlg:"1440px",screenXxlg:"1920px",screenXxxlg:"2560px"};const e={1:"0px",2:"4px",3:"8px",4:"100px"};const i={1:"0.125rem",2:"0.25rem",3:"0.5rem",4:"1rem",5:"1.5rem",6:"2rem",7:"2.5rem",8:"3rem",9:"3.5rem"};const c={colors:{light:{primary:"#0064cb",primary100:"#00b8ff",primary200:"#008fff",primary400:"#0071c8",primary500:"#00398d",primaryOpacity50:"#0064cb80",primaryOpacity25:"#0064cb40",primaryOpacity15:"#0064cb26",secondary:"#00e5ce",secondary100:"#b5eee3",secondary200:"#7dead8",secondary400:"#49bcab",secondary500:"#01af9d",secondaryOpacity50:"#00e5ce80",secondaryOpacity25:"#00e5ce40",secondaryOpacity15:"#00e5ce26",neutral:"#ffffff"},dark:{primary:"#00e5ce",primary100:"#b5eee3",primary200:"#7dead8",primary400:"#49bcab",primary500:"#01af9d",primaryOpacity50:"#00e5ce80",primaryOpacity25:"#00e5ce40",primaryOpacity15:"#00e5ce26",secondary:"#0064cb",secondary100:"#00b8ff",secondary200:"#008fff",secondary400:"#0071c8",secondary500:"#00398d",secondaryOpacity50:"#0064cb80",secondaryOpacity25:"#0064cb40",secondaryOpacity15:"#0064cb26",neutral:"#dfdfdf"}},type:{familySans:"Lato",familySerif:"Stri",familyMono:"Roboto Mono"},base:{colors:r,spacing:i,borderRadius:e,mediaQueries:a}};const t={colors:{light:{primary:"#961e96",primary100:"#e171e1",primary200:"#c348c3",primary400:"#741472",primary500:"#5c2e5c",primaryOpacity50:"#961e9680",primaryOpacity25:"#961e9640",primaryOpacity15:"#961e9626",secondary:"#ffa000",secondary100:"#f1d2b4",secondary200:"#fdb96b",secondary400:"#faa96f",secondary500:"#f48120",secondaryOpacity50:"#ffa00080",secondaryOpacity25:"#ffa00040",secondaryOpacity15:"#ffa00026",neutral:"#ffffff"},dark:{primary:"#ffa000",primary100:"#f1d2b4",primary200:"#fdb96b",primary400:"#faa96f",primary500:"#f48120",primaryOpacity50:"#ffa00080",primaryOpacity25:"#ffa00040",primaryOpacity15:"#ffa00026",secondary:"#e171e1",secondary100:"#e171e1",secondary200:"#c348c3",secondary400:"#961e96",secondary500:"#741472",secondaryOpacity50:"#e171e180",secondaryOpacity25:"#e171e140",secondaryOpacity15:"#e171e126",neutral:"#a5a4a3"}},type:{familySans:"Roboto",familySerif:"Stri",familyMono:"Roboto Mono"},base:{colors:r,spacing:i,borderRadius:e,mediaQueries:a}};const s={colors:{light:{primary:"#002d72",primary100:"#aaabd0",primary200:"#8689b8",primary400:"#00386a",primary500:"#002548",primaryOpacity50:"#002d7280",primaryOpacity25:"#002d7240",primaryOpacity15:"#002d7226",secondary:"#0072ce",secondary100:"#a0aed1",secondary200:"#6c8fd0",secondary400:"#0660b6",secondary500:"#074e9f",secondaryOpacity50:"#0072ce80",secondaryOpacity25:"#0072ce40",secondaryOpacity15:"#0072ce26",neutral:"#999999"},dark:{primary:"#495691",primary100:"#969abf",primary200:"#646ca0",primary400:"#2d4181",primary500:"#002d72",primaryOpacity50:"#49569180",primaryOpacity25:"#49569140",primaryOpacity15:"#49569126",secondary:"#608fda",secondary100:"#a9bdea",secondary200:"#7a9edf",secondary400:"#4180d4",secondary500:"#0072ce",secondaryOpacity50:"#608fda",secondaryOpacity25:"#608fda",secondaryOpacity15:"#608fda",neutral:"#bbc0c0"}},type:{familySans:"Afacad",familySerif:"Stri",familyMono:"Stri"},base:{colors:r,spacing:i,borderRadius:e,mediaQueries:a}};const y={Coi:c,Devops:s,Godrive:t};const o={primary:"colors-light-primary-light",primary100:"colors-light-primary-light-100",primary200:"colors-light-primary-light-200",primary400:"colors-light-primary-light-400",primary500:"colors-light-primary-light-500",primaryOpacity50:"colors-light-primary-light-opacity-50",primaryOpacity25:"colors-light-primary-light-opacity-25",primaryOpacity15:"colors-light-primary-light-opacity-15",secondary:"colors-light-secondary-light",secondary100:"colors-light-secondary-light-100",secondary200:"colors-light-secondary-light-200",secondary400:"colors-light-secondary-light-400",secondary500:"colors-light-secondary-light-500",secondaryOpacity50:"colors-light-secondary-light-opacity-50",secondaryOpacity25:"colors-light-secondary-light-opacity-25",secondaryOpacity15:"colors-light-secondary-light-opacity-15",neutral:"colors-light-neutral"};function n(r,a){let e="";const i=r.colors[a];Object.entries(i).forEach((([r,a])=>{const i=o[r]||r;e+=`--${i}: ${a};\n`}));Object.entries(r.base.colors).forEach((([r,a])=>{Object.entries(a).forEach((([a,i])=>{e+=`--${r}-${a}: ${i};\n`}))}));Object.entries(r.base.spacing).forEach((([r,a])=>{e+=`--spacing-${r}: ${a};\n`}));Object.entries(r.base.borderRadius).forEach((([r,a])=>{e+=`--radius-${r}: ${a};\n`}));Object.entries(r.base.mediaQueries).forEach((([r,a])=>{e+=`--media-${r}: ${a};\n`}));Object.entries(r.type).forEach((([r,a])=>{e+=`--font-${r}: ${a};\n`}));return e}class p{constructor(){this.observers=[];this.theme="light";this.brand="Devops";this.styleSheet=null;this.initializeStyleSheet();this.updateTheme()}initializeStyleSheet(){this.styleSheet=document.createElement("style");this.styleSheet.id="ds-theme-variables";document.head.appendChild(this.styleSheet)}static getInstance(){if(!p.instance){p.instance=new p}return p.instance}setTheme(r){this.theme=r;this.updateTheme();this.notifyObservers()}setBrand(r){this.brand=r;this.updateTheme();this.notifyObservers()}getTheme(){return this.theme}getBrand(){return this.brand}getCurrentTokens(){return y[this.brand]}updateTheme(){if(!this.styleSheet){this.initializeStyleSheet()}console.log("updateTheme",this.theme,this.brand);const r=this.getCurrentTokens();const a=n(r,this.theme);if(this.styleSheet){this.styleSheet.textContent=`:root {\n${a}}`}document.documentElement.setAttribute("data-theme",this.theme);document.documentElement.setAttribute("data-brand",this.brand.toLowerCase())}registerObserver(r){this.observers.push(r)}unregisterObserver(r){this.observers=this.observers.filter((a=>a!==r))}notifyObservers(){this.observers.forEach((r=>r()))}destroy(){var r;(r=this.styleSheet)===null||r===void 0?void 0:r.remove();this.styleSheet=null}}const d=p.getInstance();export{d as themeProvider};
2
2
  //# sourceMappingURL=index.esm.js.map
package/dist/voa/index.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.esm.js","sources":["src/token/base/colors.ts","src/token/base/mediaQueries.ts","src/token/base/radius.ts","src/token/base/spacing.ts","src/token/branding/coi.ts","src/token/branding/godrive.ts","src/token/branding/devops.ts","src/token/branding/index.ts","src/components/Theme/generate-css-variables.ts","src/components/Theme/ThemeProvider.tsx"],"sourcesContent":["import { BaseTokens } from \"../branding/type\";\r\n\r\nexport const baseColors: BaseTokens['colors'] = {\r\n neutral: {\r\n 100: '#FFFFFF',\r\n 200: '#E7E7E7',\r\n 300: '#969696',\r\n 400: '#585757',\r\n 500: '#1C1C1C',\r\n 600: '#000000'\r\n },\r\n action: {\r\n 100: '#03A678',\r\n 200: '#088A66',\r\n 300: '#0D6F53',\r\n 400: '#125341',\r\n 500: '#866EAF'\r\n },\r\n brand: {\r\n 100: '#CE2A36',\r\n 200: '#AA2731',\r\n 300: '#87242C',\r\n 400: '#632226'\r\n },\r\n feedback: {\r\n info100: '#2391E1',\r\n success100: '#029C49',\r\n warning100: '#DF8F16',\r\n error100: '#F14444',\r\n info200: '#2391E1',\r\n success200: '#029C49',\r\n warning200: '#DF8F16',\r\n error200: '#F14444'\r\n },\r\n background: {\r\n 100: '#FFFFFF',\r\n 200: '#F7F7F7',\r\n info: '#C9E5FA',\r\n success: '#C0E6D1',\r\n warning: '#F7E3C5',\r\n error: '#FBD0D0'\r\n }\r\n};","const mediaQueries = {\r\n screenXxs: '375px',\r\n screenXs: '520px', // Extra small screen / phone\r\n screenSm: '768px', // Small screen / tablet\r\n screenMd: '1024px', // Medium screen / desktop\r\n screenLg: '1280px', // Large screen / wide desktop\r\n screenXlg: '1440px', // Rich people screen / wide desktop\r\n screenXxlg: '1920px',\r\n screenXxxlg: '2560px', // This breakpoint is used to Correct both AppHeader and AppFooter\r\n}\r\n\r\nexport { mediaQueries }\r\n","const BorderRadius = {\r\n 1: '0px',\r\n 2: '4px',\r\n 3: '8px',\r\n 4: '100px',\r\n}\r\n\r\nexport { BorderRadius } \r\n","const Spacing = {\r\n 1: '0.125rem',\r\n 2: '0.25rem',\r\n 3: '0.5rem',\r\n 4: '1rem',\r\n 5: '1.5rem',\r\n 6: '2rem',\r\n 7: '2.5rem',\r\n 8: '3rem',\r\n 9: '3.5rem',\r\n}\r\n\r\nexport { Spacing } \r\n","import { baseColors } from \"../base/colors\";\r\nimport { mediaQueries } from \"../base/mediaQueries\";\r\nimport { BorderRadius } from \"../base/radius\";\r\nimport { Spacing } from \"../base/spacing\";\r\nimport { Theme } from \"./type\";\r\n\r\nexport const Coi: Theme = {\r\n colors: {\r\n light: {\r\n primary: '#0064cb',\r\n primary100: '#00b8ff',\r\n primary200: '#008fff',\r\n primary400: '#0071c8',\r\n primary500: '#00398d',\r\n primaryOpacity50: '#0064cb80',\r\n primaryOpacity25: '#0064cb40',\r\n primaryOpacity15: '#0064cb26',\r\n secondary: '#00e5ce',\r\n secondary100: '#b5eee3',\r\n secondary200: '#7dead8',\r\n secondary400: '#49bcab',\r\n secondary500: '#01af9d',\r\n secondaryOpacity50: '#00e5ce80',\r\n secondaryOpacity25: '#00e5ce40',\r\n secondaryOpacity15: '#00e5ce26',\r\n neutral: '#ffffff'\r\n },\r\n dark: {\r\n primary: '#00e5ce',\r\n primary100: '#b5eee3',\r\n primary200: '#7dead8',\r\n primary400: '#49bcab',\r\n primary500: '#01af9d',\r\n primaryOpacity50: '#00e5ce80',\r\n primaryOpacity25: '#00e5ce40',\r\n primaryOpacity15: '#00e5ce26',\r\n secondary: '#0064cb',\r\n secondary100: '#00b8ff',\r\n secondary200: '#008fff',\r\n secondary400: '#0071c8',\r\n secondary500: '#00398d',\r\n secondaryOpacity50: '#0064cb80',\r\n secondaryOpacity25: '#0064cb40',\r\n secondaryOpacity15: '#0064cb26',\r\n neutral: '#dfdfdf'\r\n }\r\n },\r\n type: {\r\n familySans: 'Lato',\r\n familySerif: 'Stri',\r\n familyMono: 'Roboto Mono'\r\n },\r\n base: {\r\n colors: baseColors,\r\n spacing: Spacing,\r\n borderRadius: BorderRadius,\r\n mediaQueries: mediaQueries\r\n }\r\n};\r\n","import { baseColors } from \"../base/colors\";\r\nimport { mediaQueries } from \"../base/mediaQueries\";\r\nimport { BorderRadius } from \"../base/radius\";\r\nimport { Spacing } from \"../base/spacing\";\r\nimport { Theme } from \"./type\";\r\n\r\nexport const Godrive: Theme = {\r\n colors: {\r\n light: {\r\n primary: '#961e96',\r\n primary100: '#e171e1',\r\n primary200: '#c348c3',\r\n primary400: '#741472',\r\n primary500: '#5c2e5c',\r\n primaryOpacity50: '#961e9680',\r\n primaryOpacity25: '#961e9640',\r\n primaryOpacity15: '#961e9626',\r\n secondary: '#ffa000',\r\n secondary100: '#f1d2b4',\r\n secondary200: '#fdb96b',\r\n secondary400: '#faa96f',\r\n secondary500: '#f48120',\r\n secondaryOpacity50: '#ffa00080',\r\n secondaryOpacity25: '#ffa00040',\r\n secondaryOpacity15: '#ffa00026',\r\n neutral: '#ffffff'\r\n },\r\n dark: {\r\n primary: '#ffa000',\r\n primary100: '#f1d2b4',\r\n primary200: '#fdb96b',\r\n primary400: '#faa96f',\r\n primary500: '#f48120',\r\n primaryOpacity50: '#ffa00080',\r\n primaryOpacity25: '#ffa00040',\r\n primaryOpacity15: '#ffa00026',\r\n secondary: '#e171e1',\r\n secondary100: '#e171e1',\r\n secondary200: '#c348c3',\r\n secondary400: '#961e96',\r\n secondary500: '#741472',\r\n secondaryOpacity50: '#e171e180',\r\n secondaryOpacity25: '#e171e140',\r\n secondaryOpacity15: '#e171e126',\r\n neutral: '#a5a4a3'\r\n }\r\n },\r\n type: {\r\n familySans: 'Roboto',\r\n familySerif: 'Stri',\r\n familyMono: 'Roboto Mono'\r\n },\r\n base: {\r\n colors: baseColors,\r\n spacing: Spacing,\r\n borderRadius: BorderRadius,\r\n mediaQueries: mediaQueries\r\n }\r\n};","import { baseColors } from \"../base/colors\";\r\nimport { mediaQueries } from \"../base/mediaQueries\";\r\nimport { BorderRadius } from \"../base/radius\";\r\nimport { Spacing } from \"../base/spacing\";\r\nimport { Theme } from \"./type\";\r\n\r\nexport const Devops: Theme = {\r\n colors: {\r\n light: {\r\n primary: '#002d72',\r\n primary100: '#aaabd0',\r\n primary200: '#8689b8',\r\n primary400: '#00386a',\r\n primary500: '#002548',\r\n primaryOpacity50: '#002d7280',\r\n primaryOpacity25: '#002d7240',\r\n primaryOpacity15: '#002d7226',\r\n secondary: '#0072ce',\r\n secondary100: '#a0aed1',\r\n secondary200: '#6c8fd0',\r\n secondary400: '#0660b6',\r\n secondary500: '#074e9f',\r\n secondaryOpacity50: '#0072ce80',\r\n secondaryOpacity25: '#0072ce40',\r\n secondaryOpacity15: '#0072ce26',\r\n neutral: '#999999'\r\n },\r\n dark: {\r\n primary: '#495691',\r\n primary100: '#969abf',\r\n primary200: '#646ca0',\r\n primary400: '#2d4181',\r\n primary500: '#002d72',\r\n primaryOpacity50: '#49569180',\r\n primaryOpacity25: '#49569140',\r\n primaryOpacity15: '#49569126',\r\n secondary: '#608fda',\r\n secondary100: '#a9bdea',\r\n secondary200: '#7a9edf',\r\n secondary400: '#4180d4',\r\n secondary500: '#0072ce',\r\n secondaryOpacity50: '#608fda',\r\n secondaryOpacity25: '#608fda',\r\n secondaryOpacity15: '#608fda',\r\n neutral: '#bbc0c0'\r\n }\r\n },\r\n type: {\r\n familySans: 'Afacad',\r\n familySerif: 'Stri',\r\n familyMono: 'Stri'\r\n },\r\n base: {\r\n colors: baseColors,\r\n spacing: Spacing,\r\n borderRadius: BorderRadius,\r\n mediaQueries: mediaQueries\r\n }\r\n};\r\n","import { Coi } from './coi';\r\nimport { Godrive } from './godrive';\r\nimport { Devops } from './devops';\r\nimport { Theme } from './type';\r\n\r\nexport const brandingTokens : Record<string, Theme> = {\r\n Coi,\r\n Devops,\r\n Godrive,\r\n};\r\n","import { Theme } from \"../../token/branding/type\";\r\n\r\nexport function generateCSSVariables(tokens: Theme, theme: 'light' | 'dark'): string {\r\n let cssVariables = '';\r\n\r\n // Brand colors\r\n const brandColors = tokens.colors[theme];\r\n Object.entries(brandColors).forEach(([key, value]) => {\r\n cssVariables += `--${key}: ${value};\\n`;\r\n });\r\n\r\n // Base colors\r\n Object.entries(tokens.base.colors).forEach(([group, values]) => {\r\n Object.entries(values).forEach(([key, value]) => {\r\n cssVariables += `--${group}-${key}: ${value};\\n`;\r\n });\r\n });\r\n\r\n // Spacing\r\n Object.entries(tokens.base.spacing).forEach(([key, value]) => {\r\n cssVariables += `--spacing-${key}: ${value};\\n`;\r\n });\r\n\r\n // Border radius\r\n Object.entries(tokens.base.borderRadius).forEach(([key, value]) => {\r\n cssVariables += `--radius-${key}: ${value};\\n`;\r\n });\r\n\r\n // Media queries\r\n Object.entries(tokens.base.mediaQueries).forEach(([key, value]) => {\r\n cssVariables += `--media-${key}: ${value};\\n`;\r\n });\r\n\r\n // Typography\r\n Object.entries(tokens.type).forEach(([key, value]) => {\r\n cssVariables += `--font-${key}: ${value};\\n`;\r\n });\r\n\r\n return cssVariables;\r\n}","import { brandingTokens } from \"../../token/branding\";\r\nimport { Theme } from \"../../token/branding/type\";\r\nimport { generateCSSVariables } from \"./generate-css-variables\";\r\n\r\n\r\ntype ThemeMode = 'light' | 'dark';\r\ntype Brand = 'Devops' | 'Coi' | 'Godrive';\r\ntype ThemeChangeCallback = () => void;\r\n\r\nclass ThemeProvider {\r\n private static instance: ThemeProvider;\r\n private observers: ThemeChangeCallback[] = [];\r\n private theme: ThemeMode = 'light';\r\n private brand: Brand = 'Devops';\r\n private styleSheet: HTMLStyleElement | null = null;\r\n\r\n private constructor() {\r\n this.initializeStyleSheet();\r\n this.updateTheme();\r\n }\r\n\r\n private initializeStyleSheet() {\r\n this.styleSheet = document.createElement('style');\r\n this.styleSheet.id = 'ds-theme-variables';\r\n document.head.appendChild(this.styleSheet);\r\n }\r\n\r\n public static getInstance(): ThemeProvider {\r\n if (!ThemeProvider.instance) {\r\n ThemeProvider.instance = new ThemeProvider();\r\n }\r\n return ThemeProvider.instance;\r\n }\r\n\r\n public setTheme(theme: ThemeMode) {\r\n this.theme = theme;\r\n this.updateTheme();\r\n this.notifyObservers();\r\n }\r\n\r\n public setBrand(brand: Brand) {\r\n this.brand = brand;\r\n this.updateTheme();\r\n this.notifyObservers();\r\n }\r\n\r\n public getTheme(): ThemeMode {\r\n return this.theme;\r\n }\r\n\r\n public getBrand(): Brand {\r\n return this.brand;\r\n }\r\n\r\n public getCurrentTokens(): Theme {\r\n return brandingTokens[this.brand];\r\n }\r\n\r\n private updateTheme() {\r\n if (!this.styleSheet) {\r\n this.initializeStyleSheet();\r\n }\r\n\r\n console.log('updateTheme', this.theme, this.brand);\r\n\r\n const tokens = this.getCurrentTokens();\r\n const cssVariables = generateCSSVariables(tokens, this.theme);\r\n \r\n if (this.styleSheet) {\r\n this.styleSheet.textContent = `:root {\\n${cssVariables}}`;\r\n }\r\n\r\n document.documentElement.setAttribute('data-theme', this.theme);\r\n document.documentElement.setAttribute('data-brand', this.brand.toLowerCase());\r\n }\r\n\r\n public registerObserver(callback: ThemeChangeCallback) {\r\n this.observers.push(callback);\r\n }\r\n\r\n public unregisterObserver(callback: ThemeChangeCallback) {\r\n this.observers = this.observers.filter(cb => cb !== callback);\r\n }\r\n\r\n private notifyObservers() {\r\n this.observers.forEach(callback => callback());\r\n }\r\n\r\n public destroy() {\r\n this.styleSheet?.remove();\r\n this.styleSheet = null;\r\n }\r\n}\r\n\r\nexport const themeProvider = ThemeProvider.getInstance();\r\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.esm.js","sources":["src/token/base/colors.ts","src/token/base/mediaQueries.ts","src/token/base/radius.ts","src/token/base/spacing.ts","src/token/branding/coi.ts","src/token/branding/godrive.ts","src/token/branding/devops.ts","src/token/branding/index.ts","src/components/Theme/generate-css-variables.ts","src/components/Theme/ThemeProvider.tsx"],"sourcesContent":["import { BaseTokens } from \"../branding/type\";\r\n\r\nexport const baseColors: BaseTokens['colors'] = {\r\n neutral: {\r\n 100: '#FFFFFF',\r\n 200: '#E7E7E7',\r\n 300: '#969696',\r\n 400: '#585757',\r\n 500: '#1C1C1C',\r\n 600: '#000000'\r\n },\r\n action: {\r\n 100: '#03A678',\r\n 200: '#088A66',\r\n 300: '#0D6F53',\r\n 400: '#125341',\r\n 500: '#866EAF'\r\n },\r\n brand: {\r\n 100: '#CE2A36',\r\n 200: '#AA2731',\r\n 300: '#87242C',\r\n 400: '#632226'\r\n },\r\n feedback: {\r\n info100: '#2391E1',\r\n success100: '#029C49',\r\n warning100: '#DF8F16',\r\n error100: '#F14444',\r\n info200: '#2391E1',\r\n success200: '#029C49',\r\n warning200: '#DF8F16',\r\n error200: '#F14444'\r\n },\r\n background: {\r\n 100: '#FFFFFF',\r\n 200: '#F7F7F7',\r\n info: '#C9E5FA',\r\n success: '#C0E6D1',\r\n warning: '#F7E3C5',\r\n error: '#FBD0D0'\r\n }\r\n};","const mediaQueries = {\r\n screenXxs: '375px',\r\n screenXs: '520px', // Extra small screen / phone\r\n screenSm: '768px', // Small screen / tablet\r\n screenMd: '1024px', // Medium screen / desktop\r\n screenLg: '1280px', // Large screen / wide desktop\r\n screenXlg: '1440px', // Rich people screen / wide desktop\r\n screenXxlg: '1920px',\r\n screenXxxlg: '2560px', // This breakpoint is used to Correct both AppHeader and AppFooter\r\n}\r\n\r\nexport { mediaQueries }\r\n","const BorderRadius = {\r\n 1: '0px',\r\n 2: '4px',\r\n 3: '8px',\r\n 4: '100px',\r\n}\r\n\r\nexport { BorderRadius } \r\n","const Spacing = {\r\n 1: '0.125rem',\r\n 2: '0.25rem',\r\n 3: '0.5rem',\r\n 4: '1rem',\r\n 5: '1.5rem',\r\n 6: '2rem',\r\n 7: '2.5rem',\r\n 8: '3rem',\r\n 9: '3.5rem',\r\n}\r\n\r\nexport { Spacing } \r\n","import { baseColors } from \"../base/colors\";\r\nimport { mediaQueries } from \"../base/mediaQueries\";\r\nimport { BorderRadius } from \"../base/radius\";\r\nimport { Spacing } from \"../base/spacing\";\r\nimport { Theme } from \"./type\";\r\n\r\nexport const Coi: Theme = {\r\n colors: {\r\n light: {\r\n primary: '#0064cb',\r\n primary100: '#00b8ff',\r\n primary200: '#008fff',\r\n primary400: '#0071c8',\r\n primary500: '#00398d',\r\n primaryOpacity50: '#0064cb80',\r\n primaryOpacity25: '#0064cb40',\r\n primaryOpacity15: '#0064cb26',\r\n secondary: '#00e5ce',\r\n secondary100: '#b5eee3',\r\n secondary200: '#7dead8',\r\n secondary400: '#49bcab',\r\n secondary500: '#01af9d',\r\n secondaryOpacity50: '#00e5ce80',\r\n secondaryOpacity25: '#00e5ce40',\r\n secondaryOpacity15: '#00e5ce26',\r\n neutral: '#ffffff'\r\n },\r\n dark: {\r\n primary: '#00e5ce',\r\n primary100: '#b5eee3',\r\n primary200: '#7dead8',\r\n primary400: '#49bcab',\r\n primary500: '#01af9d',\r\n primaryOpacity50: '#00e5ce80',\r\n primaryOpacity25: '#00e5ce40',\r\n primaryOpacity15: '#00e5ce26',\r\n secondary: '#0064cb',\r\n secondary100: '#00b8ff',\r\n secondary200: '#008fff',\r\n secondary400: '#0071c8',\r\n secondary500: '#00398d',\r\n secondaryOpacity50: '#0064cb80',\r\n secondaryOpacity25: '#0064cb40',\r\n secondaryOpacity15: '#0064cb26',\r\n neutral: '#dfdfdf'\r\n }\r\n },\r\n type: {\r\n familySans: 'Lato',\r\n familySerif: 'Stri',\r\n familyMono: 'Roboto Mono'\r\n },\r\n base: {\r\n colors: baseColors,\r\n spacing: Spacing,\r\n borderRadius: BorderRadius,\r\n mediaQueries: mediaQueries\r\n }\r\n};\r\n","import { baseColors } from \"../base/colors\";\r\nimport { mediaQueries } from \"../base/mediaQueries\";\r\nimport { BorderRadius } from \"../base/radius\";\r\nimport { Spacing } from \"../base/spacing\";\r\nimport { Theme } from \"./type\";\r\n\r\nexport const Godrive: Theme = {\r\n colors: {\r\n light: {\r\n primary: '#961e96',\r\n primary100: '#e171e1',\r\n primary200: '#c348c3',\r\n primary400: '#741472',\r\n primary500: '#5c2e5c',\r\n primaryOpacity50: '#961e9680',\r\n primaryOpacity25: '#961e9640',\r\n primaryOpacity15: '#961e9626',\r\n secondary: '#ffa000',\r\n secondary100: '#f1d2b4',\r\n secondary200: '#fdb96b',\r\n secondary400: '#faa96f',\r\n secondary500: '#f48120',\r\n secondaryOpacity50: '#ffa00080',\r\n secondaryOpacity25: '#ffa00040',\r\n secondaryOpacity15: '#ffa00026',\r\n neutral: '#ffffff'\r\n },\r\n dark: {\r\n primary: '#ffa000',\r\n primary100: '#f1d2b4',\r\n primary200: '#fdb96b',\r\n primary400: '#faa96f',\r\n primary500: '#f48120',\r\n primaryOpacity50: '#ffa00080',\r\n primaryOpacity25: '#ffa00040',\r\n primaryOpacity15: '#ffa00026',\r\n secondary: '#e171e1',\r\n secondary100: '#e171e1',\r\n secondary200: '#c348c3',\r\n secondary400: '#961e96',\r\n secondary500: '#741472',\r\n secondaryOpacity50: '#e171e180',\r\n secondaryOpacity25: '#e171e140',\r\n secondaryOpacity15: '#e171e126',\r\n neutral: '#a5a4a3'\r\n }\r\n },\r\n type: {\r\n familySans: 'Roboto',\r\n familySerif: 'Stri',\r\n familyMono: 'Roboto Mono'\r\n },\r\n base: {\r\n colors: baseColors,\r\n spacing: Spacing,\r\n borderRadius: BorderRadius,\r\n mediaQueries: mediaQueries\r\n }\r\n};","import { baseColors } from \"../base/colors\";\r\nimport { mediaQueries } from \"../base/mediaQueries\";\r\nimport { BorderRadius } from \"../base/radius\";\r\nimport { Spacing } from \"../base/spacing\";\r\nimport { Theme } from \"./type\";\r\n\r\nexport const Devops: Theme = {\r\n colors: {\r\n light: {\r\n primary: '#002d72',\r\n primary100: '#aaabd0',\r\n primary200: '#8689b8',\r\n primary400: '#00386a',\r\n primary500: '#002548',\r\n primaryOpacity50: '#002d7280',\r\n primaryOpacity25: '#002d7240',\r\n primaryOpacity15: '#002d7226',\r\n secondary: '#0072ce',\r\n secondary100: '#a0aed1',\r\n secondary200: '#6c8fd0',\r\n secondary400: '#0660b6',\r\n secondary500: '#074e9f',\r\n secondaryOpacity50: '#0072ce80',\r\n secondaryOpacity25: '#0072ce40',\r\n secondaryOpacity15: '#0072ce26',\r\n neutral: '#999999'\r\n },\r\n dark: {\r\n primary: '#495691',\r\n primary100: '#969abf',\r\n primary200: '#646ca0',\r\n primary400: '#2d4181',\r\n primary500: '#002d72',\r\n primaryOpacity50: '#49569180',\r\n primaryOpacity25: '#49569140',\r\n primaryOpacity15: '#49569126',\r\n secondary: '#608fda',\r\n secondary100: '#a9bdea',\r\n secondary200: '#7a9edf',\r\n secondary400: '#4180d4',\r\n secondary500: '#0072ce',\r\n secondaryOpacity50: '#608fda',\r\n secondaryOpacity25: '#608fda',\r\n secondaryOpacity15: '#608fda',\r\n neutral: '#bbc0c0'\r\n }\r\n },\r\n type: {\r\n familySans: 'Afacad',\r\n familySerif: 'Stri',\r\n familyMono: 'Stri'\r\n },\r\n base: {\r\n colors: baseColors,\r\n spacing: Spacing,\r\n borderRadius: BorderRadius,\r\n mediaQueries: mediaQueries\r\n }\r\n};\r\n","import { Coi } from './coi';\r\nimport { Godrive } from './godrive';\r\nimport { Devops } from './devops';\r\nimport { Theme } from './type';\r\n\r\nexport const brandingTokens : Record<string, Theme> = {\r\n Coi,\r\n Devops,\r\n Godrive,\r\n};\r\n","import { Theme } from \"../../token/branding/type\";\r\n\r\n// Mapeamento de nomes dos tokens para variáveis CSS\r\nconst colorKeyMapping: Record<string, string> = {\r\n primary: 'colors-light-primary-light',\r\n primary100: 'colors-light-primary-light-100',\r\n primary200: 'colors-light-primary-light-200',\r\n primary400: 'colors-light-primary-light-400',\r\n primary500: 'colors-light-primary-light-500',\r\n primaryOpacity50: 'colors-light-primary-light-opacity-50',\r\n primaryOpacity25: 'colors-light-primary-light-opacity-25',\r\n primaryOpacity15: 'colors-light-primary-light-opacity-15',\r\n secondary: 'colors-light-secondary-light',\r\n secondary100: 'colors-light-secondary-light-100',\r\n secondary200: 'colors-light-secondary-light-200',\r\n secondary400: 'colors-light-secondary-light-400',\r\n secondary500: 'colors-light-secondary-light-500',\r\n secondaryOpacity50: 'colors-light-secondary-light-opacity-50',\r\n secondaryOpacity25: 'colors-light-secondary-light-opacity-25',\r\n secondaryOpacity15: 'colors-light-secondary-light-opacity-15',\r\n neutral: 'colors-light-neutral',\r\n};\r\n\r\nexport function generateCSSVariables(tokens: Theme, theme: 'light' | 'dark'): string {\r\n let cssVariables = '';\r\n\r\n // Brand colors - usando mapeamento correto para variáveis CSS\r\n const brandColors = tokens.colors[theme];\r\n Object.entries(brandColors).forEach(([key, value]) => {\r\n const cssVarName = colorKeyMapping[key] || key;\r\n cssVariables += `--${cssVarName}: ${value};\\n`;\r\n });\r\n\r\n // Base colors\r\n Object.entries(tokens.base.colors).forEach(([group, values]) => {\r\n Object.entries(values).forEach(([key, value]) => {\r\n cssVariables += `--${group}-${key}: ${value};\\n`;\r\n });\r\n });\r\n\r\n // Spacing\r\n Object.entries(tokens.base.spacing).forEach(([key, value]) => {\r\n cssVariables += `--spacing-${key}: ${value};\\n`;\r\n });\r\n\r\n // Border radius\r\n Object.entries(tokens.base.borderRadius).forEach(([key, value]) => {\r\n cssVariables += `--radius-${key}: ${value};\\n`;\r\n });\r\n\r\n // Media queries\r\n Object.entries(tokens.base.mediaQueries).forEach(([key, value]) => {\r\n cssVariables += `--media-${key}: ${value};\\n`;\r\n });\r\n\r\n // Typography\r\n Object.entries(tokens.type).forEach(([key, value]) => {\r\n cssVariables += `--font-${key}: ${value};\\n`;\r\n });\r\n\r\n return cssVariables;\r\n}","import { brandingTokens } from \"../../token/branding\";\r\nimport { Theme } from \"../../token/branding/type\";\r\nimport { generateCSSVariables } from \"./generate-css-variables\";\r\n\r\n\r\ntype ThemeMode = 'light' | 'dark';\r\ntype Brand = 'Devops' | 'Coi' | 'Godrive';\r\ntype ThemeChangeCallback = () => void;\r\n\r\nclass ThemeProvider {\r\n private static instance: ThemeProvider;\r\n private observers: ThemeChangeCallback[] = [];\r\n private theme: ThemeMode = 'light';\r\n private brand: Brand = 'Devops';\r\n private styleSheet: HTMLStyleElement | null = null;\r\n\r\n private constructor() {\r\n this.initializeStyleSheet();\r\n this.updateTheme();\r\n }\r\n\r\n private initializeStyleSheet() {\r\n this.styleSheet = document.createElement('style');\r\n this.styleSheet.id = 'ds-theme-variables';\r\n document.head.appendChild(this.styleSheet);\r\n }\r\n\r\n public static getInstance(): ThemeProvider {\r\n if (!ThemeProvider.instance) {\r\n ThemeProvider.instance = new ThemeProvider();\r\n }\r\n return ThemeProvider.instance;\r\n }\r\n\r\n public setTheme(theme: ThemeMode) {\r\n this.theme = theme;\r\n this.updateTheme();\r\n this.notifyObservers();\r\n }\r\n\r\n public setBrand(brand: Brand) {\r\n this.brand = brand;\r\n this.updateTheme();\r\n this.notifyObservers();\r\n }\r\n\r\n public getTheme(): ThemeMode {\r\n return this.theme;\r\n }\r\n\r\n public getBrand(): Brand {\r\n return this.brand;\r\n }\r\n\r\n public getCurrentTokens(): Theme {\r\n return brandingTokens[this.brand];\r\n }\r\n\r\n private updateTheme() {\r\n if (!this.styleSheet) {\r\n this.initializeStyleSheet();\r\n }\r\n\r\n console.log('updateTheme', this.theme, this.brand);\r\n\r\n const tokens = this.getCurrentTokens();\r\n const cssVariables = generateCSSVariables(tokens, this.theme);\r\n \r\n if (this.styleSheet) {\r\n this.styleSheet.textContent = `:root {\\n${cssVariables}}`;\r\n }\r\n\r\n document.documentElement.setAttribute('data-theme', this.theme);\r\n document.documentElement.setAttribute('data-brand', this.brand.toLowerCase());\r\n }\r\n\r\n public registerObserver(callback: ThemeChangeCallback) {\r\n this.observers.push(callback);\r\n }\r\n\r\n public unregisterObserver(callback: ThemeChangeCallback) {\r\n this.observers = this.observers.filter(cb => cb !== callback);\r\n }\r\n\r\n private notifyObservers() {\r\n this.observers.forEach(callback => callback());\r\n }\r\n\r\n public destroy() {\r\n this.styleSheet?.remove();\r\n this.styleSheet = null;\r\n }\r\n}\r\n\r\nexport const themeProvider = ThemeProvider.getInstance();\r\n"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "voa-ds-core",
3
- "version": "1.0.56",
3
+ "version": "1.0.59",
4
4
  "main": "dist/index.cjs.js",
5
5
  "module": "dist/index.js",
6
6
  "types": "dist/types/index.d.ts",