@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.
- package/README.md +72 -0
- package/bundles/gestio-gds.umd.js +962 -0
- package/bundles/gestio-gds.umd.js.map +1 -0
- package/bundles/gestio-gds.umd.min.js +16 -0
- package/bundles/gestio-gds.umd.min.js.map +1 -0
- package/esm2015/gestio-gds.js +5 -0
- package/esm2015/lib/gds-button/gds-button.component.js +20 -0
- package/esm2015/lib/gds-button/gds-button.module.js +15 -0
- package/esm2015/lib/gds-input/gds-input.component.js +68 -0
- package/esm2015/lib/gds-input/gds-input.module.js +15 -0
- package/esm2015/lib/gds-label/gds-label.component.js +36 -0
- package/esm2015/lib/gds-label/gds-label.module.js +15 -0
- package/esm2015/lib/gds-selectbox/gds-selectbox.component.js +175 -0
- package/esm2015/lib/gds-selectbox/gds-selectbox.module.js +16 -0
- package/esm2015/lib/gds-textbox/gds-textbox.component.js +94 -0
- package/esm2015/lib/gds-textbox/gds-textbox.module.js +16 -0
- package/esm2015/lib/gds.component.js +19 -0
- package/esm2015/lib/gds.module.js +27 -0
- package/esm2015/lib/tokens/colors.js +201 -0
- package/esm2015/lib/tokens/typography.js +31 -0
- package/esm2015/public-api.js +18 -0
- package/esm5/gestio-gds.js +5 -0
- package/esm5/lib/gds-button/gds-button.component.js +21 -0
- package/esm5/lib/gds-button/gds-button.module.js +18 -0
- package/esm5/lib/gds-input/gds-input.component.js +69 -0
- package/esm5/lib/gds-input/gds-input.module.js +18 -0
- package/esm5/lib/gds-label/gds-label.component.js +37 -0
- package/esm5/lib/gds-label/gds-label.module.js +18 -0
- package/esm5/lib/gds-selectbox/gds-selectbox.component.js +180 -0
- package/esm5/lib/gds-selectbox/gds-selectbox.module.js +19 -0
- package/esm5/lib/gds-textbox/gds-textbox.component.js +96 -0
- package/esm5/lib/gds-textbox/gds-textbox.module.js +19 -0
- package/esm5/lib/gds.component.js +17 -0
- package/esm5/lib/gds.module.js +30 -0
- package/esm5/lib/tokens/colors.js +185 -0
- package/esm5/lib/tokens/typography.js +31 -0
- package/esm5/public-api.js +18 -0
- package/fesm2015/gestio-gds.js +704 -0
- package/fesm2015/gestio-gds.js.map +1 -0
- package/fesm5/gestio-gds.js +713 -0
- package/fesm5/gestio-gds.js.map +1 -0
- package/gestio-gds.d.ts +4 -0
- package/gestio-gds.metadata.json +1 -0
- package/lib/gds-button/gds-button.component.d.ts +6 -0
- package/lib/gds-button/gds-button.module.d.ts +2 -0
- package/lib/gds-input/gds-input.component.d.ts +17 -0
- package/lib/gds-input/gds-input.module.d.ts +2 -0
- package/lib/gds-label/gds-label.component.d.ts +8 -0
- package/lib/gds-label/gds-label.module.d.ts +2 -0
- package/lib/gds-selectbox/gds-selectbox.component.d.ts +40 -0
- package/lib/gds-selectbox/gds-selectbox.module.d.ts +2 -0
- package/lib/gds-textbox/gds-textbox.component.d.ts +23 -0
- package/lib/gds-textbox/gds-textbox.module.d.ts +2 -0
- package/lib/gds.component.d.ts +5 -0
- package/lib/gds.module.d.ts +2 -0
- package/lib/tokens/colors.d.ts +17 -0
- package/lib/tokens/typography.d.ts +21 -0
- package/package.json +21 -0
- package/public-api.d.ts +14 -0
- package/src/lib/styles/tokens/colors.css +170 -0
- package/src/lib/styles/tokens/elevation.css +13 -0
- package/src/lib/styles/tokens/index.css +6 -0
- package/src/lib/styles/tokens/radius.css +0 -0
- package/src/lib/styles/tokens/semantic/colors.css +35 -0
- package/src/lib/styles/tokens/spacing.css +0 -0
- package/src/lib/styles/tokens/typography.css +115 -0
- package/src/lib/styles/utilities/line-counter.scss +29 -0
- package/src/lib/styles.scss +5 -0
- package/src/lib/tokens/colors.ts +216 -0
- package/src/lib/tokens/elevation.ts +13 -0
- 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":";;;;;;IAUE;QAFS,YAAO,GAAyC,SAAS,CAAC;KAEnD;IAEhB,qCAAQ,GAAR,eAAmB;IAJV;QAAR,KAAK,EAAE;uDAA2D;IADxD,kBAAkB;QAL9B,SAAS,CAAC;YACT,QAAQ,EAAE,YAAY;YACtB,yGAA0C;;SAE3C,CAAC;OACW,kBAAkB,CAM9B;IAAD,yBAAC;CAND;;;ICEA;KAA+B;IAAlB,eAAe;QAL3B,QAAQ,CAAC;YACR,YAAY,EAAE,CAAC,kBAAkB,CAAC;YAClC,OAAO,EAAE,CAAC,YAAY,CAAC;YACvB,OAAO,EAAE,CAAC,kBAAkB,CAAC;SAC9B,CAAC;OACW,eAAe,CAAG;IAAD,sBAAC;CAA/B;;;ICKA;QACW,OAAE,GAAG,EAAE,CAAC;QACR,gBAAW,GAAG,EAAE,CAAC;QACjB,SAAI,GAA6C,MAAM,CAAC;QACxD,SAAI,GAAuB,IAAI,CAAC;QAChC,aAAQ,GAAG,KAAK,CAAC;QACjB,YAAO,GAAG,KAAK,CAAC;QAChB,UAAK,GAAW,EAAE,CAAC;QAElB,UAAK,GAAG,IAAI,YAAY,EAAS,CAAC;QAClC,UAAK,GAAG,IAAI,YAAY,EAAQ,CAAC;QACjC,SAAI,GAAG,IAAI,YAAY,EAAQ,CAAC;QAE1C,cAAS,GAAY,KAAK,CAAC;KAe5B;IAbC,mCAAO,GAAP,UAAQ,KAAY;QAClB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACxB;IAED,mCAAO,GAAP;QACE,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;KACnB;IAED,kCAAM,GAAN;QACE,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;KAClB;IA1BQ;QAAR,KAAK,EAAE;iDAAS;IACR;QAAR,KAAK,EAAE;0DAAkB;IACjB;QAAR,KAAK,EAAE;mDAAyD;IACxD;QAAR,KAAK,EAAE;mDAAiC;IAChC;QAAR,KAAK,EAAE;uDAAkB;IACjB;QAAR,KAAK,EAAE;sDAAiB;IAChB;QAAR,KAAK,EAAE;oDAAoB;IAElB;QAAT,MAAM,EAAE;oDAAmC;IAClC;QAAT,MAAM,EAAE;oDAAkC;IACjC;QAAT,MAAM,EAAE;mDAAiC;IAX/B,iBAAiB;QAN7B,SAAS,CAAC;YACT,QAAQ,EAAE,WAAW;YACrB,imBAAyC;YAEzC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;SAChD,CAAC;OACW,iBAAiB,CA4B7B;IAAD,wBAAC;CA5BD;;;ICLA;KAA8B;IAAjB,cAAc;QAL1B,QAAQ,CAAC;YACR,YAAY,EAAE,CAAC,iBAAiB,CAAC;YACjC,OAAO,EAAE,CAAC,YAAY,CAAC;YACvB,OAAO,EAAE,CAAC,iBAAiB,CAAC;SAC7B,CAAC;OACW,cAAc,CAAG;IAAD,qBAAC;CAA9B;;;ICDA;QAEW,aAAQ,GAAG,KAAK,CAAC;QACjB,UAAK,GAAG,KAAK,CAAC;QACd,aAAQ,GAAG,KAAK,CAAC;QACjB,SAAI,GAAuB,IAAI,CAAC;KAG1C;IADC,oCAAQ,GAAR,eAAmB;IANV;QAAR,KAAK,EAAE;kDAAc;IACb;QAAR,KAAK,EAAE;uDAAkB;IACjB;QAAR,KAAK,EAAE;oDAAe;IACd;QAAR,KAAK,EAAE;uDAAkB;IACjB;QAAR,KAAK,EAAE;mDAAiC;IAL9B,iBAAiB;QAN7B,SAAS,CAAC;YACT,QAAQ,EAAE,WAAW;YACrB,+YAAyC;YAEzC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;SAChD,CAAC;OACW,iBAAiB,CAQ7B;IAAD,wBAAC;CARD;;;ICCA;KAA8B;IAAjB,cAAc;QAL1B,QAAQ,CAAC;YACR,YAAY,EAAE,CAAC,iBAAiB,CAAC;YACjC,OAAO,EAAE,CAAC,YAAY,CAAC;YACvB,OAAO,EAAE,CAAC,iBAAiB,CAAC;SAC7B,CAAC;OACW,cAAc,CAAG;IAAD,qBAAC;CAA9B;;;ICYA;QACW,UAAK,GAAW,EAAE,CAAC;QACnB,gBAAW,GAAW,EAAE,CAAC;QACzB,aAAQ,GAAY,KAAK,CAAC;QAC1B,aAAQ,GAAY,KAAK,CAAC;QAC1B,UAAK,GAAY,KAAK,CAAC;QACvB,iBAAY,GAAW,EAAE,CAAC;QAC1B,eAAU,GAAW,EAAE,CAAC;QACxB,SAAI,GAA6C,MAAM,CAAC;QACxD,OAAE,GAAW,iBAAe,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAG,CAAC;QACtE,SAAI,GAAuB,IAAI,CAAC;QAEzC,UAAK,GAAW,EAAE,CAAC;QACnB,cAAS,GAAY,KAAK,CAAC;QAEnB,aAAQ,GAAG,UAAC,KAAa,KAAO,CAAC;QACjC,cAAS,GAAG,eAAQ,CAAC;KAiC9B;4BAjDY,mBAAmB;IAkB9B,qCAAO,GAAP,UAAQ,KAAY;QAClB,IAAM,MAAM,GAAG,KAAK,CAAC,MAA0B,CAAC;QAChD,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;QAC1B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC3B;IAED,qCAAO,GAAP;QACE,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;KACvB;IAED,oCAAM,GAAN;QACE,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,SAAS,EAAE,CAAC;KAClB;;IAGD,wCAAU,GAAV,UAAW,KAAa;QACtB,IAAI,CAAC,KAAK,GAAG,KAAK,IAAI,EAAE,CAAC;KAC1B;IAED,8CAAgB,GAAhB,UAAiB,EAA2B;QAC1C,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;KACpB;IAED,+CAAiB,GAAjB,UAAkB,EAAc;QAC9B,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;KACrB;IAED,8CAAgB,GAAhB,UAAiB,UAAmB;QAClC,IAAI,CAAC,QAAQ,GAAG,UAAU,CAAC;KAC5B;;IA/CQ;QAAR,KAAK,EAAE;sDAAoB;IACnB;QAAR,KAAK,EAAE;4DAA0B;IACzB;QAAR,KAAK,EAAE;yDAA2B;IAC1B;QAAR,KAAK,EAAE;yDAA2B;IAC1B;QAAR,KAAK,EAAE;sDAAwB;IACvB;QAAR,KAAK,EAAE;6DAA2B;IAC1B;QAAR,KAAK,EAAE;2DAAyB;IACxB;QAAR,KAAK,EAAE;qDAAyD;IACxD;QAAR,KAAK,EAAE;mDAAuE;IACtE;QAAR,KAAK,EAAE;qDAAiC;IAV9B,mBAAmB;QAb/B,SAAS,CAAC;YACT,QAAQ,EAAE,aAAa;YACvB,80BAA2C;YAE3C,eAAe,EAAE,uBAAuB,CAAC,MAAM;YAC/C,SAAS,EAAE;gBACT;oBACE,OAAO,EAAE,iBAAiB;oBAC1B,WAAW,EAAE,UAAU,CAAC,cAAM,OAAA,qBAAmB,GAAA,CAAC;oBAClD,KAAK,EAAE,IAAI;iBACZ;aACF;;SACF,CAAC;OACW,mBAAmB,CAiD/B;IAAD,0BAAC;CAjDD;;;ICXA;KAAgC;IAAnB,gBAAgB;QAL5B,QAAQ,CAAC;YACR,YAAY,EAAE,CAAC,mBAAmB,CAAC;YACnC,OAAO,EAAE,CAAC,YAAY,EAAE,cAAc,EAAE,cAAc,CAAC;YACvD,OAAO,EAAE,CAAC,mBAAmB,CAAC;SAC/B,CAAC;OACW,gBAAgB,CAAG;IAAD,uBAAC;CAAhC;;;ICyCE,+BACU,UAAsB,EACtB,GAAsB;QADtB,eAAU,GAAV,UAAU,CAAY;QACtB,QAAG,GAAH,GAAG,CAAmB;QAvBvB,UAAK,GAAW,EAAE,CAAC;QACnB,gBAAW,GAAW,cAAc,CAAC;QACrC,aAAQ,GAAY,KAAK,CAAC;QAC1B,aAAQ,GAAY,KAAK,CAAC;QAC1B,UAAK,GAAY,KAAK,CAAC;QACvB,iBAAY,GAAW,EAAE,CAAC;QAC1B,eAAU,GAAW,EAAE,CAAC;QACxB,OAAE,GACT,mBAAiB,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAG,CAAC;QACpD,SAAI,GAAuB,IAAI,CAAC;QAChC,YAAO,GAAsB,EAAE,CAAC;QAEzC,eAAU,GAAW,EAAE,CAAC;QACxB,kBAAa,GAAQ,IAAI,CAAC;QAC1B,WAAM,GAAY,KAAK,CAAC;QACxB,cAAS,GAAY,KAAK,CAAC;QAC3B,oBAAe,GAAsB,EAAE,CAAC;QAEhC,aAAQ,GAAG,UAAC,KAAU,KAAO,CAAC;QAC9B,cAAS,GAAG,eAAQ,CAAC;KAKzB;8BAzBO,qBAAqB;IA2BhC,wCAAQ,GAAR;QACE,IAAI,CAAC,eAAe,YAAO,IAAI,CAAC,OAAO,CAAC,CAAC;KAC1C;IAED,6CAAa,GAAb,UAAc,KAAY;QACxB,IAAM,MAAM,GAAG,KAAK,CAAC,MAA0B,CAAC;QAChD,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC;QAC/B,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;IAED,6CAAa,GAAb;QACE,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YACpB,IAAI,CAAC,eAAe,YAAO,IAAI,CAAC,OAAO,CAAC,CAAC;SAC1C;aAAM;YACL,IAAM,MAAI,GAAG,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC;YAC3C,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,UAAC,MAAM;gBAChD,OAAA,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAI,CAAC;aAAA,CAC5C,CAAC;SACH;QACD,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;KACzB;IAED,8CAAc,GAAd;QACE,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;YAC3B,IAAI,IAAI,CAAC,MAAM,EAAE;gBACf,IAAI,CAAC,aAAa,EAAE,CAAC;aACtB;YACD,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;SACzB;KACF;IAED,8CAAc,GAAd;QACE,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAC1B,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;QACrB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACpB,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;KACzB;IAED,4CAAY,GAAZ,UAAa,MAAuB;QAClC,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC;QAClC,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC;QACjC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAClC,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;KACzB;IAED,uCAAO,GAAP;QACE,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACnB,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;KACzB;IAED,sCAAM,GAAN;QAAA,iBAmBC;QAlBC,UAAU,CAAC;YACT,KAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,KAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,KAAI,CAAC,SAAS,EAAE,CAAC;;YAGjB,IAAI,KAAI,CAAC,aAAa,KAAK,IAAI,EAAE;gBAC/B,IAAM,QAAQ,GAAG,KAAI,CAAC,OAAO,CAAC,IAAI,CAChC,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,KAAK,KAAK,KAAI,CAAC,aAAa,GAAA,CAC1C,CAAC;gBACF,IAAI,QAAQ,EAAE;oBACZ,KAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC;iBACpC;aACF;iBAAM;gBACL,KAAI,CAAC,UAAU,GAAG,EAAE,CAAC;aACtB;YACD,KAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;SACzB,EAAE,GAAG,CAAC,CAAC;KACT;IAGD,8CAAc,GAAd,UAAe,KAAY;QACzB,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;YACzD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;SACzB;KACF;;IAGD,0CAAU,GAAV,UAAW,KAAU;QACnB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE;YACzC,IAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,KAAK,KAAK,KAAK,GAAA,CAAC,CAAC;YACjE,IAAI,QAAQ,EAAE;gBACZ,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC;aACpC;SACF;aAAM;YACL,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;SACtB;QACD,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;KACzB;IAED,gDAAgB,GAAhB,UAAiB,EAAwB;QACvC,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;KACpB;IAED,iDAAiB,GAAjB,UAAkB,EAAc;QAC9B,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;KACrB;IAED,gDAAgB,GAAhB,UAAiB,UAAmB;QAClC,IAAI,CAAC,QAAQ,GAAG,UAAU,CAAC;QAC3B,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;KACzB;;;gBAhHqB,UAAU;gBACjB,iBAAiB;;IAvBvB;QAAR,KAAK,EAAE;wDAAoB;IACnB;QAAR,KAAK,EAAE;8DAAsC;IACrC;QAAR,KAAK,EAAE;2DAA2B;IAC1B;QAAR,KAAK,EAAE;2DAA2B;IAC1B;QAAR,KAAK,EAAE;wDAAwB;IACvB;QAAR,KAAK,EAAE;+DAA2B;IAC1B;QAAR,KAAK,EAAE;6DAAyB;IACxB;QAAR,KAAK,EAAE;qDACqD;IACpD;QAAR,KAAK,EAAE;uDAAiC;IAChC;QAAR,KAAK,EAAE;0DAAiC;IA4FzC;QADC,YAAY,CAAC,gBAAgB,EAAE,CAAC,QAAQ,CAAC,CAAC;+DAM1C;IA5GU,qBAAqB;QAbjC,SAAS,CAAC;YACT,QAAQ,EAAE,eAAe;YACzB,kyGAA6C;YAE7C,eAAe,EAAE,uBAAuB,CAAC,MAAM;YAC/C,SAAS,EAAE;gBACT;oBACE,OAAO,EAAE,iBAAiB;oBAC1B,WAAW,EAAE,UAAU,CAAC,cAAM,OAAA,uBAAqB,GAAA,CAAC;oBACpD,KAAK,EAAE,IAAI;iBACZ;aACF;;SACF,CAAC;OACW,qBAAqB,CAwIjC;IAAD,4BAAC;CAxID;;;ICnBA;KAAkC;IAArB,kBAAkB;QAL9B,QAAQ,CAAC;YACR,YAAY,EAAE,CAAC,qBAAqB,CAAC;YACrC,OAAO,EAAE,CAAC,YAAY,EAAE,cAAc,CAAC;YACvC,OAAO,EAAE,CAAC,qBAAqB,CAAC;SACjC,CAAC;OACW,kBAAkB,CAAG;IAAD,yBAAC;CAAlC;;;ICIE;KAAiB;IAEjB,+BAAQ,GAAR;KACC;IALU,YAAY;QAVxB,SAAS,CAAC;YACT,QAAQ,EAAE,SAAS;YACnB,QAAQ,EAAE,2CAIT;SAGF,CAAC;OACW,YAAY,CAOxB;IAAD,mBAAC;CAPD;;;ICSA;KAAyB;IAAZ,SAAS;QAZrB,QAAQ,CAAC;YACR,YAAY,EAAE,CAAC,YAAY,CAAC;YAC5B,OAAO,EAAE;gBACP,YAAY;gBACZ,eAAe;gBACf,cAAc;gBACd,cAAc;gBACd,gBAAgB;gBAChB,kBAAkB;aACnB;YACD,OAAO,EAAE,CAAC,YAAY,CAAC;SACxB,CAAC;OACW,SAAS,CAAG;IAAD,gBAAC;CAAzB;;ACrBA;IACa,WAAW,GAAG,CAAC,aAAa,EAAE,cAAc,EAAE;AAE3D;IACa,cAAc,GAAG;IAC5B,SAAS;IACT,gBAAgB;IAChB,sBAAsB;EACtB;AAEF;IACa,gBAAgB,GAAG,CAAC,kBAAkB,EAAE;AAErD;IACa,eAAe,GAAG,CAAC,iBAAiB,EAAE;AAEnD;IACa,YAAY,GAAG;IAC1B,iBAAiB;IACjB,iBAAiB;IACjB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;EAClB;AAEF;IACa,cAAc,GAAG;IAC5B,mBAAmB;IACnB,mBAAmB;IACnB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,qBAAqB;EACrB;AAEF;IACa,YAAY,GAAG;IAC1B,iBAAiB;IACjB,iBAAiB;IACjB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;EAClB;AAEF;IACa,UAAU,GAAG;IACxB,eAAe;IACf,eAAe;IACf,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;EAChB;AAEF;IACa,WAAW,GAAG;IACzB,gBAAgB;IAChB,gBAAgB;IAChB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;EACjB;AAEF;IACa,YAAY,GAAG;IAC1B,iBAAiB;IACjB,iBAAiB;IACjB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;EAClB;AAEF;IACa,WAAW,GAAG;IACzB,gBAAgB;IAChB,gBAAgB;IAChB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;EACjB;AAEF;IACa,aAAa,GAAG;IAC3B,kBAAkB;IAClB,kBAAkB;IAClB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;EACnB;AAEF;IACa,cAAc,GAAG;IAC5B,mBAAmB;IACnB,mBAAmB;IACnB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;EACpB;AAEF;IACa,cAAc,GAAG;IAC5B,mBAAmB;IACnB,mBAAmB;IACnB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;EACpB;AAEF;IACa,aAAa,GAAG;IAC3B,kBAAkB;IAClB,kBAAkB;IAClB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;EACnB;AAEF;IACa,WAAW,GAAG;IACzB,gBAAgB;IAChB,gBAAgB;IAChB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;EACjB;AAEF;IACa,UAAU,YAClB,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,UAAU,EACV,WAAW,EACX,YAAY,EACZ,WAAW,EACX,aAAa,EACb,cAAc,EACd,cAAc,EACd,aAAa,EACb,WAAW;;ICtNH,iBAAiB,GAAG;IAC/B,iBAAiB;IACjB,iBAAiB;IACjB,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;EAChB;IAEW,uBAAuB,GAAG;IACrC,iBAAiB,EAAE,yDAAyD;IAC5E,iBAAiB,EAAE,8CAA8C;IACjE,gBAAgB,EAAE,4CAA4C;IAC9D,gBAAgB,EAAE,gCAAgC;IAClD,gBAAgB,EAAE,oCAAoC;IACtD,gBAAgB,EAAE,wCAAwC;IAC1D,gBAAgB,EAAE,uCAAuC;IACzD,gBAAgB,EAAE,+CAA+C;EACjE;IAEW,mBAAmB,GAAG;IACjC,iBAAiB,EAAE,eAAe;IAClC,iBAAiB,EAAE,YAAY;IAC/B,gBAAgB,EAAE,YAAY;IAC9B,gBAAgB,EAAE,eAAe;IACjC,gBAAgB,EAAE,gBAAgB;IAClC,gBAAgB,EAAE,eAAe;IACjC,gBAAgB,EAAE,YAAY;IAC9B,gBAAgB,EACd,gFAAgF;;;AC/BpF;;ACAA;;;;;;"}
|
package/gestio-gds.d.ts
ADDED
|
@@ -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,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,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,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,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
|
+
}
|
package/public-api.d.ts
ADDED
|
@@ -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
|
+
}
|
|
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
|