@gestio/gds 0.0.1

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 (71) hide show
  1. package/README.md +72 -0
  2. package/bundles/gestio-gds.umd.js +962 -0
  3. package/bundles/gestio-gds.umd.js.map +1 -0
  4. package/bundles/gestio-gds.umd.min.js +16 -0
  5. package/bundles/gestio-gds.umd.min.js.map +1 -0
  6. package/esm2015/gestio-gds.js +5 -0
  7. package/esm2015/lib/gds-button/gds-button.component.js +20 -0
  8. package/esm2015/lib/gds-button/gds-button.module.js +15 -0
  9. package/esm2015/lib/gds-input/gds-input.component.js +68 -0
  10. package/esm2015/lib/gds-input/gds-input.module.js +15 -0
  11. package/esm2015/lib/gds-label/gds-label.component.js +36 -0
  12. package/esm2015/lib/gds-label/gds-label.module.js +15 -0
  13. package/esm2015/lib/gds-selectbox/gds-selectbox.component.js +175 -0
  14. package/esm2015/lib/gds-selectbox/gds-selectbox.module.js +16 -0
  15. package/esm2015/lib/gds-textbox/gds-textbox.component.js +94 -0
  16. package/esm2015/lib/gds-textbox/gds-textbox.module.js +16 -0
  17. package/esm2015/lib/gds.component.js +19 -0
  18. package/esm2015/lib/gds.module.js +27 -0
  19. package/esm2015/lib/tokens/colors.js +201 -0
  20. package/esm2015/lib/tokens/typography.js +31 -0
  21. package/esm2015/public-api.js +18 -0
  22. package/esm5/gestio-gds.js +5 -0
  23. package/esm5/lib/gds-button/gds-button.component.js +21 -0
  24. package/esm5/lib/gds-button/gds-button.module.js +18 -0
  25. package/esm5/lib/gds-input/gds-input.component.js +69 -0
  26. package/esm5/lib/gds-input/gds-input.module.js +18 -0
  27. package/esm5/lib/gds-label/gds-label.component.js +37 -0
  28. package/esm5/lib/gds-label/gds-label.module.js +18 -0
  29. package/esm5/lib/gds-selectbox/gds-selectbox.component.js +180 -0
  30. package/esm5/lib/gds-selectbox/gds-selectbox.module.js +19 -0
  31. package/esm5/lib/gds-textbox/gds-textbox.component.js +96 -0
  32. package/esm5/lib/gds-textbox/gds-textbox.module.js +19 -0
  33. package/esm5/lib/gds.component.js +17 -0
  34. package/esm5/lib/gds.module.js +30 -0
  35. package/esm5/lib/tokens/colors.js +185 -0
  36. package/esm5/lib/tokens/typography.js +31 -0
  37. package/esm5/public-api.js +18 -0
  38. package/fesm2015/gestio-gds.js +704 -0
  39. package/fesm2015/gestio-gds.js.map +1 -0
  40. package/fesm5/gestio-gds.js +713 -0
  41. package/fesm5/gestio-gds.js.map +1 -0
  42. package/gestio-gds.d.ts +4 -0
  43. package/gestio-gds.metadata.json +1 -0
  44. package/lib/gds-button/gds-button.component.d.ts +6 -0
  45. package/lib/gds-button/gds-button.module.d.ts +2 -0
  46. package/lib/gds-input/gds-input.component.d.ts +17 -0
  47. package/lib/gds-input/gds-input.module.d.ts +2 -0
  48. package/lib/gds-label/gds-label.component.d.ts +8 -0
  49. package/lib/gds-label/gds-label.module.d.ts +2 -0
  50. package/lib/gds-selectbox/gds-selectbox.component.d.ts +40 -0
  51. package/lib/gds-selectbox/gds-selectbox.module.d.ts +2 -0
  52. package/lib/gds-textbox/gds-textbox.component.d.ts +23 -0
  53. package/lib/gds-textbox/gds-textbox.module.d.ts +2 -0
  54. package/lib/gds.component.d.ts +5 -0
  55. package/lib/gds.module.d.ts +2 -0
  56. package/lib/tokens/colors.d.ts +17 -0
  57. package/lib/tokens/typography.d.ts +21 -0
  58. package/package.json +21 -0
  59. package/public-api.d.ts +14 -0
  60. package/src/lib/styles/tokens/colors.css +170 -0
  61. package/src/lib/styles/tokens/elevation.css +13 -0
  62. package/src/lib/styles/tokens/index.css +6 -0
  63. package/src/lib/styles/tokens/radius.css +0 -0
  64. package/src/lib/styles/tokens/semantic/colors.css +35 -0
  65. package/src/lib/styles/tokens/spacing.css +0 -0
  66. package/src/lib/styles/tokens/typography.css +115 -0
  67. package/src/lib/styles/utilities/line-counter.scss +29 -0
  68. package/src/lib/styles.scss +5 -0
  69. package/src/lib/tokens/colors.ts +216 -0
  70. package/src/lib/tokens/elevation.ts +13 -0
  71. package/src/lib/tokens/typography.ts +33 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"gestio-gds.js","sources":["ng://@gestio/gds/lib/gds-button/gds-button.component.ts","ng://@gestio/gds/lib/gds-button/gds-button.module.ts","ng://@gestio/gds/lib/gds-input/gds-input.component.ts","ng://@gestio/gds/lib/gds-input/gds-input.module.ts","ng://@gestio/gds/lib/gds-label/gds-label.component.ts","ng://@gestio/gds/lib/gds-label/gds-label.module.ts","ng://@gestio/gds/lib/gds-textbox/gds-textbox.component.ts","ng://@gestio/gds/lib/gds-textbox/gds-textbox.module.ts","ng://@gestio/gds/lib/gds-selectbox/gds-selectbox.component.ts","ng://@gestio/gds/lib/gds-selectbox/gds-selectbox.module.ts","ng://@gestio/gds/lib/gds.component.ts","ng://@gestio/gds/lib/gds.module.ts","ng://@gestio/gds/lib/tokens/colors.ts","ng://@gestio/gds/lib/tokens/typography.ts","ng://@gestio/gds/public-api.ts","ng://@gestio/gds/gestio-gds.ts"],"sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\n\n@Component({\n selector: 'gds-button',\n templateUrl: './gds-button.component.html',\n styleUrls: ['../styles/tokens/index.css', './gds-button.component.scss'],\n})\nexport class GdsButtonComponent implements OnInit {\n @Input() variant: 'primary' | 'secondary' | 'tertiary' = 'primary';\n\n constructor() {}\n\n ngOnInit(): void {}\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { GdsButtonComponent } from './gds-button.component';\n\n@NgModule({\n declarations: [GdsButtonComponent],\n imports: [CommonModule],\n exports: [GdsButtonComponent],\n})\nexport class GdsButtonModule {}\n","import {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n Input,\n Output,\n} from '@angular/core';\n\n@Component({\n selector: 'gds-input',\n templateUrl: './gds-input.component.html',\n styleUrls: ['./gds-input.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GdsInputComponent {\n @Input() id = '';\n @Input() placeholder = '';\n @Input() type: 'text' | 'email' | 'password' | 'number' = 'text';\n @Input() size: 'sm' | 'md' | 'lg' = 'md';\n @Input() disabled = false;\n @Input() invalid = false;\n @Input() value: string = '';\n\n @Output() input = new EventEmitter<Event>();\n @Output() focus = new EventEmitter<void>();\n @Output() blur = new EventEmitter<void>();\n\n isFocused: boolean = false;\n\n onInput(event: Event): void {\n this.input.emit(event);\n }\n\n onFocus(): void {\n this.isFocused = true;\n this.focus.emit();\n }\n\n onBlur(): void {\n this.isFocused = false;\n this.blur.emit();\n }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { GdsInputComponent } from './gds-input.component';\n\n@NgModule({\n declarations: [GdsInputComponent],\n imports: [CommonModule],\n exports: [GdsInputComponent],\n})\nexport class GdsInputModule {}\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n selector: 'gds-label',\n templateUrl: './gds-label.component.html',\n styleUrls: ['./gds-label.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GdsLabelComponent {\n @Input() for?: string;\n @Input() required = false;\n @Input() error = false;\n @Input() disabled = false;\n @Input() size: 'sm' | 'md' | 'lg' = 'md';\n\n ngOnInit(): void {}\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { GdsLabelComponent } from './gds-label.component';\n\n@NgModule({\n declarations: [GdsLabelComponent],\n imports: [CommonModule],\n exports: [GdsLabelComponent],\n})\nexport class GdsLabelModule {}\n","import {\n ChangeDetectionStrategy,\n Component,\n forwardRef,\n Input,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n selector: 'gds-textbox',\n templateUrl: './gds-textbox.component.html',\n styleUrls: ['./gds-textbox.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => GdsTextboxComponent),\n multi: true,\n },\n ],\n})\nexport class GdsTextboxComponent {\n @Input() label: string = '';\n @Input() placeholder: string = '';\n @Input() required: boolean = false;\n @Input() disabled: boolean = false;\n @Input() error: boolean = false;\n @Input() errorMessage: string = '';\n @Input() helperText: string = '';\n @Input() type: 'text' | 'email' | 'password' | 'number' = 'text';\n @Input() id: string = `gds-textbox-${Math.random().toString(36).substr(2, 9)}`;\n @Input() size: 'sm' | 'md' | 'lg' = 'md';\n\n value: string = '';\n isFocused: boolean = false;\n\n private onChange = (value: string) => {};\n private onTouched = () => {};\n\n onInput(event: Event): void {\n const target = event.target as HTMLInputElement;\n this.value = target.value;\n this.onChange(this.value);\n }\n\n onFocus(): void {\n this.isFocused = true;\n }\n\n onBlur(): void {\n this.isFocused = false;\n this.onTouched();\n }\n\n // ControlValueAccessor implementation\n writeValue(value: string): void {\n this.value = value || '';\n }\n\n registerOnChange(fn: (value: string) => void): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: () => void): void {\n this.onTouched = fn;\n }\n\n setDisabledState(isDisabled: boolean): void {\n this.disabled = isDisabled;\n }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { GdsInputModule, GdsLabelModule } from '../../public-api';\nimport { GdsTextboxComponent } from './gds-textbox.component';\n\n@NgModule({\n declarations: [GdsTextboxComponent],\n imports: [CommonModule, GdsLabelModule, GdsInputModule],\n exports: [GdsTextboxComponent],\n})\nexport class GdsTextboxModule {}\n","import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n forwardRef,\n HostListener,\n Input,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\n\nexport interface GdsSelectOption {\n display: string;\n value: any;\n}\n\n@Component({\n selector: 'gds-selectbox',\n templateUrl: './gds-selectbox.component.html',\n styleUrls: ['./gds-selectbox.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => GdsSelectboxComponent),\n multi: true,\n },\n ],\n})\nexport class GdsSelectboxComponent {\n @Input() label: string = '';\n @Input() placeholder: string = 'Selecione...';\n @Input() required: boolean = false;\n @Input() disabled: boolean = false;\n @Input() error: boolean = false;\n @Input() errorMessage: string = '';\n @Input() helperText: string = '';\n @Input() id: string =\n `gds-selectbox-${Math.random().toString(36).substr(2, 9)}`;\n @Input() size: 'sm' | 'md' | 'lg' = 'md';\n @Input() options: GdsSelectOption[] = [];\n\n searchTerm: string = '';\n selectedValue: any = null;\n isOpen: boolean = false;\n isFocused: boolean = false;\n filteredOptions: GdsSelectOption[] = [];\n\n private onChange = (value: any) => {};\n private onTouched = () => {};\n\n constructor(\n private elementRef: ElementRef,\n private cdr: ChangeDetectorRef,\n ) {}\n\n ngOnInit(): void {\n this.filteredOptions = [...this.options];\n }\n\n onSearchInput(event: Event): void {\n const target = event.target as HTMLInputElement;\n this.searchTerm = target.value;\n this.filterOptions();\n }\n\n filterOptions(): void {\n if (!this.searchTerm) {\n this.filteredOptions = [...this.options];\n } else {\n const term = this.searchTerm.toLowerCase();\n this.filteredOptions = this.options.filter((option) =>\n option.display.toLowerCase().includes(term),\n );\n }\n this.cdr.markForCheck();\n }\n\n toggleDropdown(): void {\n if (!this.disabled) {\n this.isOpen = !this.isOpen;\n if (this.isOpen) {\n this.filterOptions();\n }\n this.cdr.markForCheck();\n }\n }\n\n clearSelection(): void {\n this.selectedValue = null;\n this.searchTerm = '';\n this.isOpen = false;\n this.onChange(null);\n this.cdr.markForCheck();\n }\n\n selectOption(option: GdsSelectOption): void {\n this.selectedValue = option.value;\n this.searchTerm = option.display;\n this.isOpen = false;\n this.onChange(this.selectedValue);\n this.cdr.markForCheck();\n }\n\n onFocus(): void {\n this.isFocused = true;\n this.isOpen = true;\n this.cdr.markForCheck();\n }\n\n onBlur(): void {\n setTimeout(() => {\n this.isFocused = false;\n this.isOpen = false;\n this.onTouched();\n\n // Restaura o display da opção selecionada se o searchTerm não corresponder\n if (this.selectedValue !== null) {\n const selected = this.options.find(\n (opt) => opt.value === this.selectedValue,\n );\n if (selected) {\n this.searchTerm = selected.display;\n }\n } else {\n this.searchTerm = '';\n }\n this.cdr.markForCheck();\n }, 200);\n }\n\n @HostListener('document:click', ['$event'])\n onClickOutside(event: Event): void {\n if (!this.elementRef.nativeElement.contains(event.target)) {\n this.isOpen = false;\n this.cdr.markForCheck();\n }\n }\n\n // ControlValueAccessor implementation\n writeValue(value: any): void {\n this.selectedValue = value;\n if (value !== null && value !== undefined) {\n const selected = this.options.find((opt) => opt.value === value);\n if (selected) {\n this.searchTerm = selected.display;\n }\n } else {\n this.searchTerm = '';\n }\n this.cdr.markForCheck();\n }\n\n registerOnChange(fn: (value: any) => void): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: () => void): void {\n this.onTouched = fn;\n }\n\n setDisabledState(isDisabled: boolean): void {\n this.disabled = isDisabled;\n this.cdr.markForCheck();\n }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { GdsLabelModule } from '../gds-label/gds-label.module';\nimport { GdsSelectboxComponent } from './gds-selectbox.component';\n\n@NgModule({\n declarations: [GdsSelectboxComponent],\n imports: [CommonModule, GdsLabelModule],\n exports: [GdsSelectboxComponent],\n})\nexport class GdsSelectboxModule {}\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'lib-gds',\n template: `\n <p>\n gds works!\n </p>\n `,\n styles: [\n ]\n})\nexport class GdsComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { GdsButtonModule } from '../public-api';\nimport { GdsInputModule } from './gds-input/gds-input.module';\nimport { GdsLabelModule } from './gds-label/gds-label.module';\nimport { GdsSelectboxModule } from './gds-selectbox/gds-selectbox.module';\nimport { GdsTextboxModule } from './gds-textbox/gds-textbox.module';\nimport { GdsComponent } from './gds.component';\n\n@NgModule({\n declarations: [GdsComponent],\n imports: [\n CommonModule,\n GdsButtonModule,\n GdsInputModule,\n GdsLabelModule,\n GdsTextboxModule,\n GdsSelectboxModule,\n ],\n exports: [GdsComponent],\n})\nexport class GdsModule {}\n","// BASE COLORS\nexport const BASE_COLORS = ['gestio-dark', 'gestio-light'];\n\n// PRIMARY COLORS\nexport const PRIMARY_COLORS = [\n 'primary',\n 'gestio-primary',\n 'gestio-primary-hover',\n];\n\n// SECONDARY COLORS\nexport const SECONDARY_COLORS = ['gestio-secondary'];\n\n// TERTIARY COLORS\nexport const TERTIARY_COLORS = ['gestio-tertiary'];\n\n// BRAND COLORS\nexport const BRAND_COLORS = [\n 'gestio-brand-25',\n 'gestio-brand-50',\n 'gestio-brand-100',\n 'gestio-brand-200',\n 'gestio-brand-300',\n 'gestio-brand-400',\n 'gestio-brand-500',\n 'gestio-brand-600',\n 'gestio-brand-700',\n 'gestio-brand-800',\n 'gestio-brand-900',\n];\n\n// NEUTRAL COLORS\nexport const NEUTRAL_COLORS = [\n 'gestio-neutral-25',\n 'gestio-neutral-50',\n 'gestio-neutral-100',\n 'gestio-neutral-200',\n 'gestio-neutral-300',\n 'gestio-neutral-400',\n 'gestio-neutral-500',\n 'gestio-neutral-600',\n 'gestio-neutral-700',\n 'gestio-neutral-800',\n 'gestio-neutral-900',\n 'gestio-neutral-1000',\n];\n\n// GREEN COLORS\nexport const GREEN_COLORS = [\n 'gestio-green-25',\n 'gestio-green-50',\n 'gestio-green-100',\n 'gestio-green-200',\n 'gestio-green-300',\n 'gestio-green-400',\n 'gestio-green-500',\n 'gestio-green-600',\n 'gestio-green-700',\n 'gestio-green-800',\n 'gestio-green-900',\n];\n\n// RED COLORS\nexport const RED_COLORS = [\n 'gestio-red-25',\n 'gestio-red-50',\n 'gestio-red-100',\n 'gestio-red-200',\n 'gestio-red-300',\n 'gestio-red-400',\n 'gestio-red-500',\n 'gestio-red-600',\n 'gestio-red-700',\n 'gestio-red-800',\n 'gestio-red-900',\n];\n\n// BLUE COLORS\nexport const BLUE_COLORS = [\n 'gestio-blue-25',\n 'gestio-blue-50',\n 'gestio-blue-100',\n 'gestio-blue-200',\n 'gestio-blue-300',\n 'gestio-blue-400',\n 'gestio-blue-500',\n 'gestio-blue-600',\n 'gestio-blue-700',\n 'gestio-blue-800',\n 'gestio-blue-900',\n];\n\n// AMBER COLORS\nexport const AMBER_COLORS = [\n 'gestio-amber-25',\n 'gestio-amber-50',\n 'gestio-amber-100',\n 'gestio-amber-200',\n 'gestio-amber-300',\n 'gestio-amber-400',\n 'gestio-amber-500',\n 'gestio-amber-600',\n 'gestio-amber-700',\n 'gestio-amber-800',\n 'gestio-amber-900',\n];\n\n// TEAL COLORS\nexport const TEAL_COLORS = [\n 'gestio-teal-25',\n 'gestio-teal-50',\n 'gestio-teal-100',\n 'gestio-teal-200',\n 'gestio-teal-300',\n 'gestio-teal-400',\n 'gestio-teal-500',\n 'gestio-teal-600',\n 'gestio-teal-700',\n 'gestio-teal-800',\n 'gestio-teal-900',\n];\n\n// PURPLE COLORS\nexport const PURPLE_COLORS = [\n 'gestio-purple-25',\n 'gestio-purple-50',\n 'gestio-purple-100',\n 'gestio-purple-200',\n 'gestio-purple-300',\n 'gestio-purple-400',\n 'gestio-purple-500',\n 'gestio-purple-600',\n 'gestio-purple-700',\n 'gestio-purple-800',\n 'gestio-purple-900',\n];\n\n// EMERALD COLORS\nexport const EMERALD_COLORS = [\n 'gestio-emerald-25',\n 'gestio-emerald-50',\n 'gestio-emerald-100',\n 'gestio-emerald-200',\n 'gestio-emerald-300',\n 'gestio-emerald-400',\n 'gestio-emerald-500',\n 'gestio-emerald-600',\n 'gestio-emerald-700',\n 'gestio-emerald-800',\n 'gestio-emerald-900',\n];\n\n// MAGENTA COLORS\nexport const MAGENTA_COLORS = [\n 'gestio-magenta-25',\n 'gestio-magenta-50',\n 'gestio-magenta-100',\n 'gestio-magenta-200',\n 'gestio-magenta-300',\n 'gestio-magenta-400',\n 'gestio-magenta-500',\n 'gestio-magenta-600',\n 'gestio-magenta-700',\n 'gestio-magenta-800',\n 'gestio-magenta-900',\n];\n\n// YELLOW COLORS\nexport const YELLOW_COLORS = [\n 'gestio-yellow-25',\n 'gestio-yellow-50',\n 'gestio-yellow-100',\n 'gestio-yellow-200',\n 'gestio-yellow-300',\n 'gestio-yellow-400',\n 'gestio-yellow-500',\n 'gestio-yellow-600',\n 'gestio-yellow-700',\n 'gestio-yellow-800',\n 'gestio-yellow-900',\n];\n\n// LIME COLORS\nexport const LIME_COLORS = [\n 'gestio-lime-25',\n 'gestio-lime-50',\n 'gestio-lime-100',\n 'gestio-lime-200',\n 'gestio-lime-300',\n 'gestio-lime-400',\n 'gestio-lime-500',\n 'gestio-lime-600',\n 'gestio-lime-700',\n 'gestio-lime-800',\n 'gestio-lime-900',\n];\n\n// ALL COLORS\nexport const ALL_COLORS = [\n ...BASE_COLORS,\n ...PRIMARY_COLORS,\n ...SECONDARY_COLORS,\n ...TERTIARY_COLORS,\n ...BRAND_COLORS,\n ...NEUTRAL_COLORS,\n ...GREEN_COLORS,\n ...RED_COLORS,\n ...BLUE_COLORS,\n ...AMBER_COLORS,\n ...TEAL_COLORS,\n ...PURPLE_COLORS,\n ...EMERALD_COLORS,\n ...MAGENTA_COLORS,\n ...YELLOW_COLORS,\n ...LIME_COLORS,\n];\n","export const TYPOGRAPHY_TOKENS = [\n 'gds-heading-3xl',\n 'gds-heading-2xl',\n 'gds-heading-xl',\n 'gds-heading-lg',\n 'gds-heading-md',\n 'gds-heading-sm',\n 'gds-heading-xs',\n 'gds-subheading',\n];\n\nexport const TYPOGRAPHY_DESCRIPTIONS = {\n 'gds-heading-3xl': 'Largest heading for hero sections and major page titles',\n 'gds-heading-2xl': 'Secondary large heading for section dividers',\n 'gds-heading-xl': 'Large heading for important content blocks',\n 'gds-heading-lg': 'Medium heading for subsections',\n 'gds-heading-md': 'Standard heading for content areas',\n 'gds-heading-sm': 'Small heading for cards and components',\n 'gds-heading-xs': 'Smallest heading for micro components',\n 'gds-subheading': 'Supporting text for headings and descriptions',\n};\n\nexport const TYPOGRAPHY_EXAMPLES = {\n 'gds-heading-3xl': 'Design System',\n 'gds-heading-2xl': 'Foundation',\n 'gds-heading-xl': 'Typography',\n 'gds-heading-lg': 'Heading Large',\n 'gds-heading-md': 'Heading Medium',\n 'gds-heading-sm': 'Heading Small',\n 'gds-heading-xs': 'Heading XS',\n 'gds-subheading':\n 'Supporting text that provides additional context and helps establish hierarchy',\n};\n","// Components / Modules\nexport * from './lib/gds-button/gds-button.component';\nexport * from './lib/gds-button/gds-button.module';\n\nexport * from './lib/gds-input/gds-input.component';\nexport * from './lib/gds-input/gds-input.module';\n\nexport * from './lib/gds-label/gds-label.component';\nexport * from './lib/gds-label/gds-label.module';\n\nexport * from './lib/gds-textbox/gds-textbox.component';\nexport * from './lib/gds-textbox/gds-textbox.module';\n\nexport * from './lib/gds-selectbox/gds-selectbox.component';\nexport * from './lib/gds-selectbox/gds-selectbox.module';\n\n// Legacy bundle module\nexport * from './lib/gds.component';\nexport * from './lib/gds.module';\n\n// Tokens\nexport * from './lib/tokens/colors';\nexport * from './lib/tokens/typography';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,4 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ export * from './public-api';
@@ -0,0 +1 @@
1
+ {"__symbolic":"module","version":4,"metadata":{"GdsButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"gds-button","template":"<button class=\"gds-button\" [ngClass]=\"variant\">\n <ng-content></ng-content>\n</button>\n","styles":["",".gds-button{padding:10px 16px;border-radius:8px;border:none;font-family:var(--gds-font-primary,Inter);font-weight:600;cursor:pointer}.gds-button.primary{background:var(--gds-primary);color:#fff}.gds-button.secondary{background:var(--gds-secondary);color:#fff}.gds-button.tertiary{background:var(--gds-tertiary);color:#fff}"]}]}],"members":{"variant":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"GdsButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"GdsButtonComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"GdsButtonComponent"}]}]}],"members":{}},"GdsInputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"gds-input","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":12,"character":19},"member":"OnPush"},"template":"<div\n class=\"gds-input-container\"\n [class.gds-input--invalid]=\"invalid\"\n [class.gds-input--disabled]=\"disabled\"\n [class.gds-input--focused]=\"isFocused\"\n [class.gds-input--sm]=\"size === 'sm'\"\n [class.gds-input--md]=\"size === 'md'\"\n [class.gds-input--lg]=\"size === 'lg'\"\n>\n <input\n [id]=\"id\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [value]=\"value\"\n class=\"gds-input\"\n [attr.aria-invalid]=\"invalid\"\n (input)=\"onInput($event)\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n />\n</div>\n","styles":[".gds-input-container{display:flex;flex-direction:column;width:100%}.gds-input-container.gds-input--invalid .gds-input{border-color:var(--danger)}.gds-input-container.gds-input--invalid .gds-input:focus{border-color:var(--danger);box-shadow:0 0 0 3px rgba(216,44,13,.1)}.gds-input-container.gds-input--disabled .gds-input{opacity:.6;cursor:not-allowed;background-color:var(--bg-disabled)}.gds-input-container.gds-input--focused .gds-input{border-color:var(--primary);box-shadow:0 0 0 3px rgba(28,103,244,.1)}.gds-input-container.gds-input--focused.gds-input--invalid .gds-input{border-color:var(--danger);box-shadow:0 0 0 3px rgba(216,44,13,.1)}.gds-input-container.gds-input--sm .gds-input{height:32px;padding:0 12px;font-size:14px}.gds-input-container.gds-input--md .gds-input{height:40px;padding:0 12px;font-size:14px}.gds-input-container.gds-input--lg .gds-input{height:48px;padding:0 12px;font-size:14px}.gds-input{width:100%;border:1px solid var(--gds-neutral-300);border-radius:6px;height:40px;padding:0 12px;font-size:14px;line-height:1;color:var(--text-foreground);background-color:var(--bg-surface);transition:.2s;box-sizing:border-box;font-family:inherit}.gds-input::-moz-placeholder{color:var(--text-foreground);opacity:.5}.gds-input::placeholder{color:var(--text-foreground);opacity:.5}.gds-input:hover:not(:disabled){border-color:var(--gds-neutral-400)}.gds-input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(28,103,244,.1)}.gds-input:disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-disabled)}"]}]}],"members":{"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"invalid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":3}}]}],"onInput":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}]}},"GdsInputModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"GdsInputComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"GdsInputComponent"}]}]}],"members":{}},"GdsLabelComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"gds-label","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":19},"member":"OnPush"},"template":"<label\n class=\"gds-label\"\n [class.gds-label--disabled]=\"disabled\"\n [class.gds-label--sm]=\"size === 'sm'\"\n [class.gds-label--md]=\"size === 'md'\"\n [class.gds-label--lg]=\"size === 'lg'\"\n [class.gds-label--error]=\"error || required\"\n [attr.for]=\"for\"\n>\n <ng-content></ng-content>\n\n <span *ngIf=\"required\" class=\"gds-label__required\">*</span>\n</label>\n","styles":[".gds-label{display:inline-flex;align-items:center;gap:4px;font-weight:var(--font-weight-medium);font-size:.875rem;line-height:calc(1.25 / .875);color:var(--gds-neutral-400);cursor:pointer}.gds-label__required{color:var(--gds-red-500);font-size:.875em}.gds-label--error{color:var(--gds-red-500)}.gds-label--disabled{opacity:.6;cursor:not-allowed}.gds-label--sm{font-size:.75rem;line-height:calc(1.25 / .75)}.gds-label--md{font-size:.875rem;line-height:calc(1.25 / .875)}.gds-label--lg{font-size:1rem;line-height:1.25}"]}]}],"members":{"for":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"error":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"GdsLabelModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"GdsLabelComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"GdsLabelComponent"}]}]}],"members":{}},"GdsTextboxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"gds-textbox","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":12,"character":19},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":15,"character":15},"useExisting":{"__symbolic":"reference","name":"GdsTextboxComponent"},"multi":true}],"template":"<div class=\"gds-textbox\">\n <!-- Label -->\n <gds-label\n [for]=\"id\"\n [size]=\"size\"\n [required]=\"required\"\n [disabled]=\"disabled\"\n [error]=\"error\"\n *ngIf=\"label\"\n >\n {{ label }}\n </gds-label>\n\n <!-- Input Field -->\n <gds-input\n [id]=\"id\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [invalid]=\"error\"\n [size]=\"size\"\n [value]=\"value\"\n (input)=\"onInput($event)\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n ></gds-input>\n\n <div\n *ngIf=\"helperText || errorMessage\"\n [id]=\"id + '-description'\"\n class=\"gds-textbox__description\"\n [class.gds-textbox__description--error]=\"error && errorMessage\"\n >\n {{ error && errorMessage ? errorMessage : helperText }}\n </div>\n</div>\n","styles":[".gds-textbox{display:flex;flex-direction:column;width:100%;gap:4px}.gds-textbox__description{font-size:.75rem;color:var(--gds-neutral-400)}.gds-textbox__description--error{color:var(--gds-red-500)}.gds-textbox__error-icon{margin-right:4px;color:var(--gds-red-500)}"]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"error":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"errorMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"helperText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"onInput":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}]}},"GdsTextboxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"GdsTextboxComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":12},{"__symbolic":"reference","name":"GdsLabelModule"},{"__symbolic":"reference","name":"GdsInputModule"}],"exports":[{"__symbolic":"reference","name":"GdsTextboxComponent"}]}]}],"members":{}},"GdsSelectOption":{"__symbolic":"interface"},"GdsSelectboxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"gds-selectbox","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":20,"character":19},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":23,"character":15},"useExisting":{"__symbolic":"reference","name":"GdsSelectboxComponent"},"multi":true}],"template":"<div class=\"gds-selectbox\">\n <!-- Label -->\n <gds-label\n [for]=\"id\"\n [size]=\"size\"\n [required]=\"required\"\n [disabled]=\"disabled\"\n [error]=\"error\"\n *ngIf=\"label\"\n >\n {{ label }}\n </gds-label>\n\n <!-- Select Input -->\n <div\n class=\"gds-selectbox__control\"\n [class.gds-selectbox__control--open]=\"isOpen\"\n [class.gds-selectbox__control--error]=\"error\"\n [class.gds-selectbox__control--disabled]=\"disabled\"\n [class.gds-selectbox__control--sm]=\"size === 'sm'\"\n [class.gds-selectbox__control--md]=\"size === 'md'\"\n [class.gds-selectbox__control--lg]=\"size === 'lg'\"\n >\n <input\n [id]=\"id\"\n type=\"text\"\n class=\"gds-selectbox__input\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [value]=\"searchTerm\"\n (input)=\"onSearchInput($event)\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n autocomplete=\"off\"\n />\n <button\n type=\"button\"\n class=\"gds-selectbox__clear\"\n *ngIf=\"selectedValue !== null && !disabled\"\n (click)=\"clearSelection()\"\n tabindex=\"-1\"\n title=\"Limpar seleção\"\n >\n <svg\n class=\"gds-selectbox__clear-icon\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"currentColor\" stroke-width=\"1.5\" />\n <path\n d=\"M10.5 5.5L5.5 10.5M5.5 5.5L10.5 10.5\"\n stroke=\"currentColor\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n />\n </svg>\n </button>\n <button\n type=\"button\"\n class=\"gds-selectbox__toggle\"\n [disabled]=\"disabled\"\n (click)=\"toggleDropdown()\"\n tabindex=\"-1\"\n >\n <svg\n class=\"gds-selectbox__icon\"\n [class.gds-selectbox__icon--open]=\"isOpen\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M5 7.5L10 12.5L15 7.5\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </button>\n </div>\n\n <!-- Dropdown -->\n <div class=\"gds-selectbox__dropdown\" *ngIf=\"isOpen\">\n <div class=\"gds-selectbox__options\">\n <div\n *ngFor=\"let option of filteredOptions\"\n class=\"gds-selectbox__option\"\n [class.gds-selectbox__option--selected]=\"option.value === selectedValue\"\n (click)=\"selectOption(option)\"\n >\n {{ option.display }}\n </div>\n <div\n *ngIf=\"filteredOptions.length === 0\"\n class=\"gds-selectbox__option gds-selectbox__option--empty\"\n >\n Nenhum resultado encontrado\n </div>\n </div>\n </div>\n\n <!-- Helper Text / Error Message -->\n <div\n *ngIf=\"helperText || errorMessage\"\n [id]=\"id + '-description'\"\n class=\"gds-selectbox__description\"\n [class.gds-selectbox__description--error]=\"error && errorMessage\"\n >\n {{ error && errorMessage ? errorMessage : helperText }}\n </div>\n</div>\n","styles":[".gds-selectbox{position:relative;width:100%;display:flex;flex-direction:column;gap:4px}.gds-selectbox__control{position:relative;display:flex;align-items:center;background-color:var(--bg-surface);border:1px solid var(--gds-neutral-300);border-radius:6px;transition:.2s}.gds-selectbox__control:hover:not(.gds-selectbox__control--disabled){border-color:var(--gds-neutral-400)}.gds-selectbox__control--open,.gds-selectbox__control:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(28,103,244,.1)}.gds-selectbox__control--error{border-color:var(--danger)}.gds-selectbox__control--error:focus-within{box-shadow:0 0 0 3px rgba(216,44,13,.1)}.gds-selectbox__control--disabled{background-color:var(--bg-disabled);cursor:not-allowed;opacity:.6}.gds-selectbox__control--sm{height:32px}.gds-selectbox__control--md{height:40px}.gds-selectbox__control--lg{height:48px}.gds-selectbox__input{flex:1;border:none;outline:0;background:0 0;padding:0 12px;font-size:14px;color:var(--text-foreground);font-family:inherit}.gds-selectbox__input::-moz-placeholder{color:var(--text-foreground)}.gds-selectbox__input::placeholder{color:var(--text-foreground)}.gds-selectbox__input:disabled{cursor:not-allowed}.gds-selectbox__clear{display:flex;align-items:center;justify-content:center;padding:0 4px;border:none;background:0 0;cursor:pointer;color:var(--text-foreground);opacity:.7;transition:color .2s}.gds-selectbox__clear:hover{opacity:1}.gds-selectbox__clear-icon{width:16px;height:16px}.gds-selectbox__toggle{display:flex;align-items:center;justify-content:center;padding:0 8px;border:none;background:0 0;cursor:pointer;color:var(--text-foreground);transition:color .2s}.gds-selectbox__toggle:hover:not(:disabled){color:var(--text-foreground)}.gds-selectbox__toggle:disabled{cursor:not-allowed}.gds-selectbox__icon{transition:transform .2s}.gds-selectbox__icon--open{transform:rotate(180deg)}.gds-selectbox__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:1000;background-color:var(--bg-surface);border:1px solid var(--gds-neutral-300);border-radius:6px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);max-height:300px;overflow:hidden}.gds-selectbox__options{max-height:300px;overflow-y:auto}.gds-selectbox__option{padding:10px 12px;cursor:pointer;font-size:14px;color:var(--text-foreground);transition:background-color .15s}.gds-selectbox__option:hover{background-color:var(--bg-muted)}.gds-selectbox__option--selected{background-color:var(--gds-brand-100);color:var(--primary);font-weight:500}.gds-selectbox__option--selected:hover{background-color:var(--gds-brand-200)}.gds-selectbox__option--empty{color:var(--text-muted);cursor:default;font-style:italic}.gds-selectbox__option--empty:hover{background-color:transparent}.gds-selectbox__description{margin-top:6px;font-size:12px;color:var(--text-muted)}.gds-selectbox__description--error{color:var(--danger)}"]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"error":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"errorMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"helperText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":52,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":53,"character":17}]}],"ngOnInit":[{"__symbolic":"method"}],"onSearchInput":[{"__symbolic":"method"}],"filterOptions":[{"__symbolic":"method"}],"toggleDropdown":[{"__symbolic":"method"}],"clearSelection":[{"__symbolic":"method"}],"selectOption":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"onClickOutside":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":131,"character":3},"arguments":["document:click",["$event"]]}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}]}},"GdsSelectboxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"GdsSelectboxComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":12},{"__symbolic":"reference","name":"GdsLabelModule"}],"exports":[{"__symbolic":"reference","name":"GdsSelectboxComponent"}]}]}],"members":{}},"GdsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-gds","template":"\n <p>\n gds works!\n </p>\n ","styles":[]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"GdsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"GdsComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4},{"__symbolic":"reference","name":"GdsButtonModule"},{"__symbolic":"reference","name":"GdsInputModule"},{"__symbolic":"reference","name":"GdsLabelModule"},{"__symbolic":"reference","name":"GdsTextboxModule"},{"__symbolic":"reference","name":"GdsSelectboxModule"}],"exports":[{"__symbolic":"reference","name":"GdsComponent"}]}]}],"members":{}},"BASE_COLORS":["gestio-dark","gestio-light"],"PRIMARY_COLORS":["primary","gestio-primary","gestio-primary-hover"],"SECONDARY_COLORS":["gestio-secondary"],"TERTIARY_COLORS":["gestio-tertiary"],"BRAND_COLORS":["gestio-brand-25","gestio-brand-50","gestio-brand-100","gestio-brand-200","gestio-brand-300","gestio-brand-400","gestio-brand-500","gestio-brand-600","gestio-brand-700","gestio-brand-800","gestio-brand-900"],"NEUTRAL_COLORS":["gestio-neutral-25","gestio-neutral-50","gestio-neutral-100","gestio-neutral-200","gestio-neutral-300","gestio-neutral-400","gestio-neutral-500","gestio-neutral-600","gestio-neutral-700","gestio-neutral-800","gestio-neutral-900","gestio-neutral-1000"],"GREEN_COLORS":["gestio-green-25","gestio-green-50","gestio-green-100","gestio-green-200","gestio-green-300","gestio-green-400","gestio-green-500","gestio-green-600","gestio-green-700","gestio-green-800","gestio-green-900"],"RED_COLORS":["gestio-red-25","gestio-red-50","gestio-red-100","gestio-red-200","gestio-red-300","gestio-red-400","gestio-red-500","gestio-red-600","gestio-red-700","gestio-red-800","gestio-red-900"],"BLUE_COLORS":["gestio-blue-25","gestio-blue-50","gestio-blue-100","gestio-blue-200","gestio-blue-300","gestio-blue-400","gestio-blue-500","gestio-blue-600","gestio-blue-700","gestio-blue-800","gestio-blue-900"],"AMBER_COLORS":["gestio-amber-25","gestio-amber-50","gestio-amber-100","gestio-amber-200","gestio-amber-300","gestio-amber-400","gestio-amber-500","gestio-amber-600","gestio-amber-700","gestio-amber-800","gestio-amber-900"],"TEAL_COLORS":["gestio-teal-25","gestio-teal-50","gestio-teal-100","gestio-teal-200","gestio-teal-300","gestio-teal-400","gestio-teal-500","gestio-teal-600","gestio-teal-700","gestio-teal-800","gestio-teal-900"],"PURPLE_COLORS":["gestio-purple-25","gestio-purple-50","gestio-purple-100","gestio-purple-200","gestio-purple-300","gestio-purple-400","gestio-purple-500","gestio-purple-600","gestio-purple-700","gestio-purple-800","gestio-purple-900"],"EMERALD_COLORS":["gestio-emerald-25","gestio-emerald-50","gestio-emerald-100","gestio-emerald-200","gestio-emerald-300","gestio-emerald-400","gestio-emerald-500","gestio-emerald-600","gestio-emerald-700","gestio-emerald-800","gestio-emerald-900"],"MAGENTA_COLORS":["gestio-magenta-25","gestio-magenta-50","gestio-magenta-100","gestio-magenta-200","gestio-magenta-300","gestio-magenta-400","gestio-magenta-500","gestio-magenta-600","gestio-magenta-700","gestio-magenta-800","gestio-magenta-900"],"YELLOW_COLORS":["gestio-yellow-25","gestio-yellow-50","gestio-yellow-100","gestio-yellow-200","gestio-yellow-300","gestio-yellow-400","gestio-yellow-500","gestio-yellow-600","gestio-yellow-700","gestio-yellow-800","gestio-yellow-900"],"LIME_COLORS":["gestio-lime-25","gestio-lime-50","gestio-lime-100","gestio-lime-200","gestio-lime-300","gestio-lime-400","gestio-lime-500","gestio-lime-600","gestio-lime-700","gestio-lime-800","gestio-lime-900"],"ALL_COLORS":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"BASE_COLORS"}},{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"PRIMARY_COLORS"}},{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"SECONDARY_COLORS"}},{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"TERTIARY_COLORS"}},{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"BRAND_COLORS"}},{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"NEUTRAL_COLORS"}},{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"GREEN_COLORS"}},{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"RED_COLORS"}},{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"BLUE_COLORS"}},{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"AMBER_COLORS"}},{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"TEAL_COLORS"}},{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"PURPLE_COLORS"}},{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"EMERALD_COLORS"}},{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"MAGENTA_COLORS"}},{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"YELLOW_COLORS"}},{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"LIME_COLORS"}}],"TYPOGRAPHY_TOKENS":["gds-heading-3xl","gds-heading-2xl","gds-heading-xl","gds-heading-lg","gds-heading-md","gds-heading-sm","gds-heading-xs","gds-subheading"],"TYPOGRAPHY_DESCRIPTIONS":{"gds-heading-3xl":"Largest heading for hero sections and major page titles","gds-heading-2xl":"Secondary large heading for section dividers","gds-heading-xl":"Large heading for important content blocks","gds-heading-lg":"Medium heading for subsections","gds-heading-md":"Standard heading for content areas","gds-heading-sm":"Small heading for cards and components","gds-heading-xs":"Smallest heading for micro components","gds-subheading":"Supporting text for headings and descriptions","$quoted$":["gds-heading-3xl","gds-heading-2xl","gds-heading-xl","gds-heading-lg","gds-heading-md","gds-heading-sm","gds-heading-xs","gds-subheading"]},"TYPOGRAPHY_EXAMPLES":{"gds-heading-3xl":"Design System","gds-heading-2xl":"Foundation","gds-heading-xl":"Typography","gds-heading-lg":"Heading Large","gds-heading-md":"Heading Medium","gds-heading-sm":"Heading Small","gds-heading-xs":"Heading XS","gds-subheading":"Supporting text that provides additional context and helps establish hierarchy","$quoted$":["gds-heading-3xl","gds-heading-2xl","gds-heading-xl","gds-heading-lg","gds-heading-md","gds-heading-sm","gds-heading-xs","gds-subheading"]}},"origins":{"GdsButtonComponent":"./lib/gds-button/gds-button.component","GdsButtonModule":"./lib/gds-button/gds-button.module","GdsInputComponent":"./lib/gds-input/gds-input.component","GdsInputModule":"./lib/gds-input/gds-input.module","GdsLabelComponent":"./lib/gds-label/gds-label.component","GdsLabelModule":"./lib/gds-label/gds-label.module","GdsTextboxComponent":"./lib/gds-textbox/gds-textbox.component","GdsTextboxModule":"./lib/gds-textbox/gds-textbox.module","GdsSelectOption":"./lib/gds-selectbox/gds-selectbox.component","GdsSelectboxComponent":"./lib/gds-selectbox/gds-selectbox.component","GdsSelectboxModule":"./lib/gds-selectbox/gds-selectbox.module","GdsComponent":"./lib/gds.component","GdsModule":"./lib/gds.module","BASE_COLORS":"./lib/tokens/colors","PRIMARY_COLORS":"./lib/tokens/colors","SECONDARY_COLORS":"./lib/tokens/colors","TERTIARY_COLORS":"./lib/tokens/colors","BRAND_COLORS":"./lib/tokens/colors","NEUTRAL_COLORS":"./lib/tokens/colors","GREEN_COLORS":"./lib/tokens/colors","RED_COLORS":"./lib/tokens/colors","BLUE_COLORS":"./lib/tokens/colors","AMBER_COLORS":"./lib/tokens/colors","TEAL_COLORS":"./lib/tokens/colors","PURPLE_COLORS":"./lib/tokens/colors","EMERALD_COLORS":"./lib/tokens/colors","MAGENTA_COLORS":"./lib/tokens/colors","YELLOW_COLORS":"./lib/tokens/colors","LIME_COLORS":"./lib/tokens/colors","ALL_COLORS":"./lib/tokens/colors","TYPOGRAPHY_TOKENS":"./lib/tokens/typography","TYPOGRAPHY_DESCRIPTIONS":"./lib/tokens/typography","TYPOGRAPHY_EXAMPLES":"./lib/tokens/typography"},"importAs":"@gestio/gds"}
@@ -0,0 +1,6 @@
1
+ import { OnInit } from '@angular/core';
2
+ export declare class GdsButtonComponent implements OnInit {
3
+ variant: 'primary' | 'secondary' | 'tertiary';
4
+ constructor();
5
+ ngOnInit(): void;
6
+ }
@@ -0,0 +1,2 @@
1
+ export declare class GdsButtonModule {
2
+ }
@@ -0,0 +1,17 @@
1
+ import { EventEmitter } from '@angular/core';
2
+ export declare class GdsInputComponent {
3
+ id: string;
4
+ placeholder: string;
5
+ type: 'text' | 'email' | 'password' | 'number';
6
+ size: 'sm' | 'md' | 'lg';
7
+ disabled: boolean;
8
+ invalid: boolean;
9
+ value: string;
10
+ input: EventEmitter<Event>;
11
+ focus: EventEmitter<void>;
12
+ blur: EventEmitter<void>;
13
+ isFocused: boolean;
14
+ onInput(event: Event): void;
15
+ onFocus(): void;
16
+ onBlur(): void;
17
+ }
@@ -0,0 +1,2 @@
1
+ export declare class GdsInputModule {
2
+ }
@@ -0,0 +1,8 @@
1
+ export declare class GdsLabelComponent {
2
+ for?: string;
3
+ required: boolean;
4
+ error: boolean;
5
+ disabled: boolean;
6
+ size: 'sm' | 'md' | 'lg';
7
+ ngOnInit(): void;
8
+ }
@@ -0,0 +1,2 @@
1
+ export declare class GdsLabelModule {
2
+ }
@@ -0,0 +1,40 @@
1
+ import { ChangeDetectorRef, ElementRef } from '@angular/core';
2
+ export interface GdsSelectOption {
3
+ display: string;
4
+ value: any;
5
+ }
6
+ export declare class GdsSelectboxComponent {
7
+ private elementRef;
8
+ private cdr;
9
+ label: string;
10
+ placeholder: string;
11
+ required: boolean;
12
+ disabled: boolean;
13
+ error: boolean;
14
+ errorMessage: string;
15
+ helperText: string;
16
+ id: string;
17
+ size: 'sm' | 'md' | 'lg';
18
+ options: GdsSelectOption[];
19
+ searchTerm: string;
20
+ selectedValue: any;
21
+ isOpen: boolean;
22
+ isFocused: boolean;
23
+ filteredOptions: GdsSelectOption[];
24
+ private onChange;
25
+ private onTouched;
26
+ constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
27
+ ngOnInit(): void;
28
+ onSearchInput(event: Event): void;
29
+ filterOptions(): void;
30
+ toggleDropdown(): void;
31
+ clearSelection(): void;
32
+ selectOption(option: GdsSelectOption): void;
33
+ onFocus(): void;
34
+ onBlur(): void;
35
+ onClickOutside(event: Event): void;
36
+ writeValue(value: any): void;
37
+ registerOnChange(fn: (value: any) => void): void;
38
+ registerOnTouched(fn: () => void): void;
39
+ setDisabledState(isDisabled: boolean): void;
40
+ }
@@ -0,0 +1,2 @@
1
+ export declare class GdsSelectboxModule {
2
+ }
@@ -0,0 +1,23 @@
1
+ export declare class GdsTextboxComponent {
2
+ label: string;
3
+ placeholder: string;
4
+ required: boolean;
5
+ disabled: boolean;
6
+ error: boolean;
7
+ errorMessage: string;
8
+ helperText: string;
9
+ type: 'text' | 'email' | 'password' | 'number';
10
+ id: string;
11
+ size: 'sm' | 'md' | 'lg';
12
+ value: string;
13
+ isFocused: boolean;
14
+ private onChange;
15
+ private onTouched;
16
+ onInput(event: Event): void;
17
+ onFocus(): void;
18
+ onBlur(): void;
19
+ writeValue(value: string): void;
20
+ registerOnChange(fn: (value: string) => void): void;
21
+ registerOnTouched(fn: () => void): void;
22
+ setDisabledState(isDisabled: boolean): void;
23
+ }
@@ -0,0 +1,2 @@
1
+ export declare class GdsTextboxModule {
2
+ }
@@ -0,0 +1,5 @@
1
+ import { OnInit } from '@angular/core';
2
+ export declare class GdsComponent implements OnInit {
3
+ constructor();
4
+ ngOnInit(): void;
5
+ }
@@ -0,0 +1,2 @@
1
+ export declare class GdsModule {
2
+ }
@@ -0,0 +1,17 @@
1
+ export declare const BASE_COLORS: string[];
2
+ export declare const PRIMARY_COLORS: string[];
3
+ export declare const SECONDARY_COLORS: string[];
4
+ export declare const TERTIARY_COLORS: string[];
5
+ export declare const BRAND_COLORS: string[];
6
+ export declare const NEUTRAL_COLORS: string[];
7
+ export declare const GREEN_COLORS: string[];
8
+ export declare const RED_COLORS: string[];
9
+ export declare const BLUE_COLORS: string[];
10
+ export declare const AMBER_COLORS: string[];
11
+ export declare const TEAL_COLORS: string[];
12
+ export declare const PURPLE_COLORS: string[];
13
+ export declare const EMERALD_COLORS: string[];
14
+ export declare const MAGENTA_COLORS: string[];
15
+ export declare const YELLOW_COLORS: string[];
16
+ export declare const LIME_COLORS: string[];
17
+ export declare const ALL_COLORS: string[];
@@ -0,0 +1,21 @@
1
+ export declare const TYPOGRAPHY_TOKENS: string[];
2
+ export declare const TYPOGRAPHY_DESCRIPTIONS: {
3
+ 'gds-heading-3xl': string;
4
+ 'gds-heading-2xl': string;
5
+ 'gds-heading-xl': string;
6
+ 'gds-heading-lg': string;
7
+ 'gds-heading-md': string;
8
+ 'gds-heading-sm': string;
9
+ 'gds-heading-xs': string;
10
+ 'gds-subheading': string;
11
+ };
12
+ export declare const TYPOGRAPHY_EXAMPLES: {
13
+ 'gds-heading-3xl': string;
14
+ 'gds-heading-2xl': string;
15
+ 'gds-heading-xl': string;
16
+ 'gds-heading-lg': string;
17
+ 'gds-heading-md': string;
18
+ 'gds-heading-sm': string;
19
+ 'gds-heading-xs': string;
20
+ 'gds-subheading': string;
21
+ };
package/package.json ADDED
@@ -0,0 +1,21 @@
1
+ {
2
+ "name": "@gestio/gds",
3
+ "version": "0.0.1",
4
+ "peerDependencies": {
5
+ "@angular/common": "^9.1.13",
6
+ "@angular/core": "^9.1.13"
7
+ },
8
+ "dependencies": {
9
+ "tslib": "^1.10.0"
10
+ },
11
+ "main": "bundles/gestio-gds.umd.js",
12
+ "module": "fesm5/gestio-gds.js",
13
+ "es2015": "fesm2015/gestio-gds.js",
14
+ "esm5": "esm5/gestio-gds.js",
15
+ "esm2015": "esm2015/gestio-gds.js",
16
+ "fesm5": "fesm5/gestio-gds.js",
17
+ "fesm2015": "fesm2015/gestio-gds.js",
18
+ "typings": "gestio-gds.d.ts",
19
+ "metadata": "gestio-gds.metadata.json",
20
+ "sideEffects": false
21
+ }
@@ -0,0 +1,14 @@
1
+ export * from './lib/gds-button/gds-button.component';
2
+ export * from './lib/gds-button/gds-button.module';
3
+ export * from './lib/gds-input/gds-input.component';
4
+ export * from './lib/gds-input/gds-input.module';
5
+ export * from './lib/gds-label/gds-label.component';
6
+ export * from './lib/gds-label/gds-label.module';
7
+ export * from './lib/gds-textbox/gds-textbox.component';
8
+ export * from './lib/gds-textbox/gds-textbox.module';
9
+ export * from './lib/gds-selectbox/gds-selectbox.component';
10
+ export * from './lib/gds-selectbox/gds-selectbox.module';
11
+ export * from './lib/gds.component';
12
+ export * from './lib/gds.module';
13
+ export * from './lib/tokens/colors';
14
+ export * from './lib/tokens/typography';
@@ -0,0 +1,170 @@
1
+ :root {
2
+ /* BASE */
3
+ --gds-dark: #0e1117;
4
+ --gds-light: #ffffff;
5
+
6
+ /* PRIMARY */
7
+ --gds-primary: #004add;
8
+ --gds-primary-hover: #003bb5;
9
+
10
+ --gds-secondary: #ec0062;
11
+
12
+ --gds-tertiary: #622cee;
13
+
14
+ /* BRAND */
15
+ --gds-brand-25: #eef7ff;
16
+ --gds-brand-50: #d9ebff;
17
+ --gds-brand-100: #bcddff;
18
+ --gds-brand-200: #8ec9ff;
19
+ --gds-brand-300: #59aaff;
20
+ --gds-brand-400: #3287ff;
21
+ --gds-brand-500: #1c67f4;
22
+ --gds-brand-600: #1451e1;
23
+ --gds-brand-700: #1741b6;
24
+ --gds-brand-800: #193c8f;
25
+ --gds-brand-900: #172b63;
26
+
27
+ /* NEUTRAL */
28
+ --gds-neutral-25: #f5fafc;
29
+ --gds-neutral-50: #f0f5fa;
30
+ --gds-neutral-100: #dde7f0;
31
+ --gds-neutral-200: #c5d2e0;
32
+ --gds-neutral-300: #97a7bd;
33
+ --gds-neutral-400: #798aa3;
34
+ --gds-neutral-500: #58657a;
35
+ --gds-neutral-600: #475366;
36
+ --gds-neutral-700: #343d4c;
37
+ --gds-neutral-800: #282f3d;
38
+ --gds-neutral-900: #191f29;
39
+ --gds-neutral-1000: #12161f;
40
+
41
+ /* GREEN */
42
+ --gds-green-25: #edfff1;
43
+ --gds-green-50: #d0f5d8;
44
+ --gds-green-100: #b1ebbf;
45
+ --gds-green-200: #91e0a4;
46
+ --gds-green-300: #6ed687;
47
+ --gds-green-400: #49cc68;
48
+ --gds-green-500: #30a94c;
49
+ --gds-green-600: #188732;
50
+ --gds-green-700: #05641b;
51
+ --gds-green-800: #00410f;
52
+ --gds-green-900: #001f07;
53
+
54
+ /* RED */
55
+ --gds-red-25: #ffeae8;
56
+ --gds-red-50: #f9c4bf;
57
+ --gds-red-100: #f2a198;
58
+ --gds-red-200: #ec8072;
59
+ --gds-red-300: #e5614f;
60
+ --gds-red-400: #df452d;
61
+ --gds-red-500: #d82c0d;
62
+ --gds-red-600: #b31b00;
63
+ --gds-red-700: #8d1500;
64
+ --gds-red-800: #681000;
65
+ --gds-red-900: #420a00;
66
+
67
+ /* BLUE */
68
+ --gds-blue-25: #f1f7ff;
69
+ --gds-blue-50: #dbeaff;
70
+ --gds-blue-100: #c2dbfe;
71
+ --gds-blue-200: #a4cafe;
72
+ --gds-blue-300: #7fb5fd;
73
+ --gds-blue-400: #539afd;
74
+ --gds-blue-500: #1d7afc;
75
+ --gds-blue-600: #014fc7;
76
+ --gds-blue-700: #003791;
77
+ --gds-blue-800: #00205c;
78
+ --gds-blue-900: #001133;
79
+
80
+ /* AMBER */
81
+ --gds-amber-25: #fff5eb;
82
+ --gds-amber-50: #fdebd9;
83
+ --gds-amber-100: #fadfc3;
84
+ --gds-amber-200: #f8d0a5;
85
+ --gds-amber-300: #f6be7f;
86
+ --gds-amber-400: #f3a74f;
87
+ --gds-amber-500: #f18d13;
88
+ --gds-amber-600: #c26c00;
89
+ --gds-amber-700: #925300;
90
+ --gds-amber-800: #623900;
91
+ --gds-amber-900: #331e00;
92
+
93
+ /* TEAL */
94
+ --gds-teal-25: #f0ffff;
95
+ --gds-teal-50: #c4eff0;
96
+ --gds-teal-100: #97dde1;
97
+ --gds-teal-200: #68cad2;
98
+ --gds-teal-300: #37b4c3;
99
+ --gds-teal-400: #1c9ba9;
100
+ --gds-teal-500: #00818f;
101
+ --gds-teal-600: #006975;
102
+ --gds-teal-700: #00525a;
103
+ --gds-teal-800: #003a40;
104
+ --gds-teal-900: #002226;
105
+
106
+ /* PURPLE */
107
+ --gds-purple-25: #f9f5ff;
108
+ --gds-purple-50: #f0e6fd;
109
+ --gds-purple-100: #e4d2fb;
110
+ --gds-purple-200: #d4b7f9;
111
+ --gds-purple-300: #bf94f7;
112
+ --gds-purple-400: #a365f5;
113
+ --gds-purple-500: #812af3;
114
+ --gds-purple-600: #5400c3;
115
+ --gds-purple-700: #400093;
116
+ --gds-purple-800: #2b0063;
117
+ --gds-purple-900: #160033;
118
+
119
+ /* EMERALD */
120
+ --gds-emerald-25: #f0fff9;
121
+ --gds-emerald-50: #c7f1e0;
122
+ --gds-emerald-100: #a0e4c7;
123
+ --gds-emerald-200: #78d6af;
124
+ --gds-emerald-300: #51c997;
125
+ --gds-emerald-400: #2abb7f;
126
+ --gds-emerald-500: #219d6a;
127
+ --gds-emerald-600: #158053;
128
+ --gds-emerald-700: #0b623e;
129
+ --gds-emerald-800: #034429;
130
+ --gds-emerald-900: #002616;
131
+
132
+ /* MAGENTA */
133
+ --gds-magenta-25: #fff5fb;
134
+ --gds-magenta-50: #f7e3ef;
135
+ --gds-magenta-100: #eecee2;
136
+ --gds-magenta-200: #e6b5d3;
137
+ --gds-magenta-300: #de99c3;
138
+ --gds-magenta-400: #d577b1;
139
+ --gds-magenta-500: #cd519d;
140
+ --gds-magenta-600: #a72775;
141
+ --gds-magenta-700: #800751;
142
+ --gds-magenta-800: #590037;
143
+ --gds-magenta-900: #33001f;
144
+
145
+ /* YELLOW */
146
+ --gds-yellow-25: #fff9ed;
147
+ --gds-yellow-50: #ffefc6;
148
+ --gds-yellow-100: #ffe49c;
149
+ --gds-yellow-200: #ffd96e;
150
+ --gds-yellow-300: #ffce3a;
151
+ --gds-yellow-400: #ffc400;
152
+ --gds-yellow-500: #d2a200;
153
+ --gds-yellow-600: #a58000;
154
+ --gds-yellow-700: #785f00;
155
+ --gds-yellow-800: #4b3c00;
156
+ --gds-yellow-900: #1f1800;
157
+
158
+ /* LIME */
159
+ --gds-lime-25: #f8ffeb;
160
+ --gds-lime-50: #eef9d7;
161
+ --gds-lime-100: #e1f4be;
162
+ --gds-lime-200: #d2ee9f;
163
+ --gds-lime-300: #c0e97a;
164
+ --gds-lime-400: #a9e34b;
165
+ --gds-lime-500: #7dbd18;
166
+ --gds-lime-600: #5c9800;
167
+ --gds-lime-700: #447200;
168
+ --gds-lime-800: #2d4c00;
169
+ --gds-lime-900: #162600;
170
+ }
@@ -0,0 +1,13 @@
1
+ :root {
2
+ --shadow-gds-small: 0px 1px 2px rgba(25, 31, 41, 0.08);
3
+ --shadow-gds-medium: 0px 2px 8px rgba(25, 31, 41, 0.08);
4
+ --shadow-gds-large: 0px 4px 8px rgba(25, 31, 41, 0.08);
5
+ --shadow-gds-x-large: 0px 8px 16px rgba(25, 31, 41, 0.08);
6
+ }
7
+
8
+ .dark {
9
+ --shadow-gds-small: 0px 1px 2px rgba(25, 31, 41, 0.2);
10
+ --shadow-gds-medium: 0px 2px 8px rgba(25, 31, 41, 0.2);
11
+ --shadow-gds-large: 0px 4px 8px rgba(25, 31, 41, 0.2);
12
+ --shadow-gds-x-large: 0px 8px 16px rgba(25, 31, 41, 0.2);
13
+ }
@@ -0,0 +1,6 @@
1
+ @import "./colors.css";
2
+ @import "./typography.css";
3
+ @import "./elevation.css";
4
+ @import "./spacing.css";
5
+ @import "./radius.css";
6
+ @import "./semantic/colors.css";
File without changes
@@ -0,0 +1,35 @@
1
+ :root {
2
+ --primary: var(--gds-brand-500);
3
+ --primary-hover: var(--gds-brand-600);
4
+
5
+ --text-default: var(--gds-neutral-900);
6
+ --text-muted: var(--gds-neutral-500);
7
+
8
+ --bg-surface: var(--gds-light);
9
+ --bg-disabled: var(--gds-neutral-100);
10
+
11
+ --danger: var(--gds-red-500);
12
+
13
+ --ring: rgba(0, 0, 0, 0.5);
14
+
15
+ --bg-muted: var(--gds-neutral-200);
16
+ --background: var(--gds-neutral-25);
17
+ --text-foreground: var(--gds-neutral-900);
18
+ }
19
+
20
+ .dark {
21
+ --primary: var(--gds-brand-400);
22
+ --primary-hover: var(--gds-brand-300);
23
+
24
+ --text-default: var(--gds-neutral-100);
25
+ --text-muted: var(--gds-neutral-400);
26
+
27
+ --bg-surface: var(--gds-dark);
28
+ --bg-disabled: var(--gds-neutral-800);
29
+
30
+ --ring: rgba(255, 255, 255, 0.5);
31
+
32
+ --bg-muted: var(--gds-neutral-700);
33
+ --background: var(--gds-neutral-900);
34
+ --text-foreground: var(--gds-neutral-100);
35
+ }
File without changes