@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,962 @@
1
+ (function (global, factory) {
2
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms')) :
3
+ typeof define === 'function' && define.amd ? define('@gestio/gds', ['exports', '@angular/core', '@angular/common', '@angular/forms'], factory) :
4
+ (global = global || self, factory((global.gestio = global.gestio || {}, global.gestio.gds = {}), global.ng.core, global.ng.common, global.ng.forms));
5
+ }(this, (function (exports, core, common, forms) { 'use strict';
6
+
7
+ /*! *****************************************************************************
8
+ Copyright (c) Microsoft Corporation.
9
+
10
+ Permission to use, copy, modify, and/or distribute this software for any
11
+ purpose with or without fee is hereby granted.
12
+
13
+ THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
14
+ REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
15
+ AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
16
+ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
17
+ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
18
+ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
19
+ PERFORMANCE OF THIS SOFTWARE.
20
+ ***************************************************************************** */
21
+ /* global Reflect, Promise */
22
+
23
+ var extendStatics = function(d, b) {
24
+ extendStatics = Object.setPrototypeOf ||
25
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
26
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
27
+ return extendStatics(d, b);
28
+ };
29
+
30
+ function __extends(d, b) {
31
+ extendStatics(d, b);
32
+ function __() { this.constructor = d; }
33
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
34
+ }
35
+
36
+ var __assign = function() {
37
+ __assign = Object.assign || function __assign(t) {
38
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
39
+ s = arguments[i];
40
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
41
+ }
42
+ return t;
43
+ };
44
+ return __assign.apply(this, arguments);
45
+ };
46
+
47
+ function __rest(s, e) {
48
+ var t = {};
49
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
50
+ t[p] = s[p];
51
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
52
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
53
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
54
+ t[p[i]] = s[p[i]];
55
+ }
56
+ return t;
57
+ }
58
+
59
+ function __decorate(decorators, target, key, desc) {
60
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
61
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
62
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
63
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
64
+ }
65
+
66
+ function __param(paramIndex, decorator) {
67
+ return function (target, key) { decorator(target, key, paramIndex); }
68
+ }
69
+
70
+ function __metadata(metadataKey, metadataValue) {
71
+ if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
72
+ }
73
+
74
+ function __awaiter(thisArg, _arguments, P, generator) {
75
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
76
+ return new (P || (P = Promise))(function (resolve, reject) {
77
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
78
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
79
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
80
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
81
+ });
82
+ }
83
+
84
+ function __generator(thisArg, body) {
85
+ var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
86
+ return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
87
+ function verb(n) { return function (v) { return step([n, v]); }; }
88
+ function step(op) {
89
+ if (f) throw new TypeError("Generator is already executing.");
90
+ while (_) try {
91
+ if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
92
+ if (y = 0, t) op = [op[0] & 2, t.value];
93
+ switch (op[0]) {
94
+ case 0: case 1: t = op; break;
95
+ case 4: _.label++; return { value: op[1], done: false };
96
+ case 5: _.label++; y = op[1]; op = [0]; continue;
97
+ case 7: op = _.ops.pop(); _.trys.pop(); continue;
98
+ default:
99
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
100
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
101
+ if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
102
+ if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
103
+ if (t[2]) _.ops.pop();
104
+ _.trys.pop(); continue;
105
+ }
106
+ op = body.call(thisArg, _);
107
+ } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
108
+ if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
109
+ }
110
+ }
111
+
112
+ function __createBinding(o, m, k, k2) {
113
+ if (k2 === undefined) k2 = k;
114
+ o[k2] = m[k];
115
+ }
116
+
117
+ function __exportStar(m, exports) {
118
+ for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) exports[p] = m[p];
119
+ }
120
+
121
+ function __values(o) {
122
+ var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
123
+ if (m) return m.call(o);
124
+ if (o && typeof o.length === "number") return {
125
+ next: function () {
126
+ if (o && i >= o.length) o = void 0;
127
+ return { value: o && o[i++], done: !o };
128
+ }
129
+ };
130
+ throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
131
+ }
132
+
133
+ function __read(o, n) {
134
+ var m = typeof Symbol === "function" && o[Symbol.iterator];
135
+ if (!m) return o;
136
+ var i = m.call(o), r, ar = [], e;
137
+ try {
138
+ while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
139
+ }
140
+ catch (error) { e = { error: error }; }
141
+ finally {
142
+ try {
143
+ if (r && !r.done && (m = i["return"])) m.call(i);
144
+ }
145
+ finally { if (e) throw e.error; }
146
+ }
147
+ return ar;
148
+ }
149
+
150
+ function __spread() {
151
+ for (var ar = [], i = 0; i < arguments.length; i++)
152
+ ar = ar.concat(__read(arguments[i]));
153
+ return ar;
154
+ }
155
+
156
+ function __spreadArrays() {
157
+ for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
158
+ for (var r = Array(s), k = 0, i = 0; i < il; i++)
159
+ for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
160
+ r[k] = a[j];
161
+ return r;
162
+ };
163
+
164
+ function __await(v) {
165
+ return this instanceof __await ? (this.v = v, this) : new __await(v);
166
+ }
167
+
168
+ function __asyncGenerator(thisArg, _arguments, generator) {
169
+ if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
170
+ var g = generator.apply(thisArg, _arguments || []), i, q = [];
171
+ return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
172
+ function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
173
+ function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
174
+ function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
175
+ function fulfill(value) { resume("next", value); }
176
+ function reject(value) { resume("throw", value); }
177
+ function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
178
+ }
179
+
180
+ function __asyncDelegator(o) {
181
+ var i, p;
182
+ return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
183
+ function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
184
+ }
185
+
186
+ function __asyncValues(o) {
187
+ if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
188
+ var m = o[Symbol.asyncIterator], i;
189
+ return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
190
+ function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
191
+ function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
192
+ }
193
+
194
+ function __makeTemplateObject(cooked, raw) {
195
+ if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
196
+ return cooked;
197
+ };
198
+
199
+ function __importStar(mod) {
200
+ if (mod && mod.__esModule) return mod;
201
+ var result = {};
202
+ if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
203
+ result.default = mod;
204
+ return result;
205
+ }
206
+
207
+ function __importDefault(mod) {
208
+ return (mod && mod.__esModule) ? mod : { default: mod };
209
+ }
210
+
211
+ function __classPrivateFieldGet(receiver, privateMap) {
212
+ if (!privateMap.has(receiver)) {
213
+ throw new TypeError("attempted to get private field on non-instance");
214
+ }
215
+ return privateMap.get(receiver);
216
+ }
217
+
218
+ function __classPrivateFieldSet(receiver, privateMap, value) {
219
+ if (!privateMap.has(receiver)) {
220
+ throw new TypeError("attempted to set private field on non-instance");
221
+ }
222
+ privateMap.set(receiver, value);
223
+ return value;
224
+ }
225
+
226
+ var GdsButtonComponent = /** @class */ (function () {
227
+ function GdsButtonComponent() {
228
+ this.variant = 'primary';
229
+ }
230
+ GdsButtonComponent.prototype.ngOnInit = function () { };
231
+ __decorate([
232
+ core.Input()
233
+ ], GdsButtonComponent.prototype, "variant", void 0);
234
+ GdsButtonComponent = __decorate([
235
+ core.Component({
236
+ selector: 'gds-button',
237
+ template: "<button class=\"gds-button\" [ngClass]=\"variant\">\n <ng-content></ng-content>\n</button>\n",
238
+ 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}"]
239
+ })
240
+ ], GdsButtonComponent);
241
+ return GdsButtonComponent;
242
+ }());
243
+
244
+ var GdsButtonModule = /** @class */ (function () {
245
+ function GdsButtonModule() {
246
+ }
247
+ GdsButtonModule = __decorate([
248
+ core.NgModule({
249
+ declarations: [GdsButtonComponent],
250
+ imports: [common.CommonModule],
251
+ exports: [GdsButtonComponent],
252
+ })
253
+ ], GdsButtonModule);
254
+ return GdsButtonModule;
255
+ }());
256
+
257
+ var GdsInputComponent = /** @class */ (function () {
258
+ function GdsInputComponent() {
259
+ this.id = '';
260
+ this.placeholder = '';
261
+ this.type = 'text';
262
+ this.size = 'md';
263
+ this.disabled = false;
264
+ this.invalid = false;
265
+ this.value = '';
266
+ this.input = new core.EventEmitter();
267
+ this.focus = new core.EventEmitter();
268
+ this.blur = new core.EventEmitter();
269
+ this.isFocused = false;
270
+ }
271
+ GdsInputComponent.prototype.onInput = function (event) {
272
+ this.input.emit(event);
273
+ };
274
+ GdsInputComponent.prototype.onFocus = function () {
275
+ this.isFocused = true;
276
+ this.focus.emit();
277
+ };
278
+ GdsInputComponent.prototype.onBlur = function () {
279
+ this.isFocused = false;
280
+ this.blur.emit();
281
+ };
282
+ __decorate([
283
+ core.Input()
284
+ ], GdsInputComponent.prototype, "id", void 0);
285
+ __decorate([
286
+ core.Input()
287
+ ], GdsInputComponent.prototype, "placeholder", void 0);
288
+ __decorate([
289
+ core.Input()
290
+ ], GdsInputComponent.prototype, "type", void 0);
291
+ __decorate([
292
+ core.Input()
293
+ ], GdsInputComponent.prototype, "size", void 0);
294
+ __decorate([
295
+ core.Input()
296
+ ], GdsInputComponent.prototype, "disabled", void 0);
297
+ __decorate([
298
+ core.Input()
299
+ ], GdsInputComponent.prototype, "invalid", void 0);
300
+ __decorate([
301
+ core.Input()
302
+ ], GdsInputComponent.prototype, "value", void 0);
303
+ __decorate([
304
+ core.Output()
305
+ ], GdsInputComponent.prototype, "input", void 0);
306
+ __decorate([
307
+ core.Output()
308
+ ], GdsInputComponent.prototype, "focus", void 0);
309
+ __decorate([
310
+ core.Output()
311
+ ], GdsInputComponent.prototype, "blur", void 0);
312
+ GdsInputComponent = __decorate([
313
+ core.Component({
314
+ selector: 'gds-input',
315
+ 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",
316
+ changeDetection: core.ChangeDetectionStrategy.OnPush,
317
+ 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)}"]
318
+ })
319
+ ], GdsInputComponent);
320
+ return GdsInputComponent;
321
+ }());
322
+
323
+ var GdsInputModule = /** @class */ (function () {
324
+ function GdsInputModule() {
325
+ }
326
+ GdsInputModule = __decorate([
327
+ core.NgModule({
328
+ declarations: [GdsInputComponent],
329
+ imports: [common.CommonModule],
330
+ exports: [GdsInputComponent],
331
+ })
332
+ ], GdsInputModule);
333
+ return GdsInputModule;
334
+ }());
335
+
336
+ var GdsLabelComponent = /** @class */ (function () {
337
+ function GdsLabelComponent() {
338
+ this.required = false;
339
+ this.error = false;
340
+ this.disabled = false;
341
+ this.size = 'md';
342
+ }
343
+ GdsLabelComponent.prototype.ngOnInit = function () { };
344
+ __decorate([
345
+ core.Input()
346
+ ], GdsLabelComponent.prototype, "for", void 0);
347
+ __decorate([
348
+ core.Input()
349
+ ], GdsLabelComponent.prototype, "required", void 0);
350
+ __decorate([
351
+ core.Input()
352
+ ], GdsLabelComponent.prototype, "error", void 0);
353
+ __decorate([
354
+ core.Input()
355
+ ], GdsLabelComponent.prototype, "disabled", void 0);
356
+ __decorate([
357
+ core.Input()
358
+ ], GdsLabelComponent.prototype, "size", void 0);
359
+ GdsLabelComponent = __decorate([
360
+ core.Component({
361
+ selector: 'gds-label',
362
+ 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",
363
+ changeDetection: core.ChangeDetectionStrategy.OnPush,
364
+ 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}"]
365
+ })
366
+ ], GdsLabelComponent);
367
+ return GdsLabelComponent;
368
+ }());
369
+
370
+ var GdsLabelModule = /** @class */ (function () {
371
+ function GdsLabelModule() {
372
+ }
373
+ GdsLabelModule = __decorate([
374
+ core.NgModule({
375
+ declarations: [GdsLabelComponent],
376
+ imports: [common.CommonModule],
377
+ exports: [GdsLabelComponent],
378
+ })
379
+ ], GdsLabelModule);
380
+ return GdsLabelModule;
381
+ }());
382
+
383
+ var GdsTextboxComponent = /** @class */ (function () {
384
+ function GdsTextboxComponent() {
385
+ this.label = '';
386
+ this.placeholder = '';
387
+ this.required = false;
388
+ this.disabled = false;
389
+ this.error = false;
390
+ this.errorMessage = '';
391
+ this.helperText = '';
392
+ this.type = 'text';
393
+ this.id = "gds-textbox-" + Math.random().toString(36).substr(2, 9);
394
+ this.size = 'md';
395
+ this.value = '';
396
+ this.isFocused = false;
397
+ this.onChange = function (value) { };
398
+ this.onTouched = function () { };
399
+ }
400
+ GdsTextboxComponent_1 = GdsTextboxComponent;
401
+ GdsTextboxComponent.prototype.onInput = function (event) {
402
+ var target = event.target;
403
+ this.value = target.value;
404
+ this.onChange(this.value);
405
+ };
406
+ GdsTextboxComponent.prototype.onFocus = function () {
407
+ this.isFocused = true;
408
+ };
409
+ GdsTextboxComponent.prototype.onBlur = function () {
410
+ this.isFocused = false;
411
+ this.onTouched();
412
+ };
413
+ // ControlValueAccessor implementation
414
+ GdsTextboxComponent.prototype.writeValue = function (value) {
415
+ this.value = value || '';
416
+ };
417
+ GdsTextboxComponent.prototype.registerOnChange = function (fn) {
418
+ this.onChange = fn;
419
+ };
420
+ GdsTextboxComponent.prototype.registerOnTouched = function (fn) {
421
+ this.onTouched = fn;
422
+ };
423
+ GdsTextboxComponent.prototype.setDisabledState = function (isDisabled) {
424
+ this.disabled = isDisabled;
425
+ };
426
+ var GdsTextboxComponent_1;
427
+ __decorate([
428
+ core.Input()
429
+ ], GdsTextboxComponent.prototype, "label", void 0);
430
+ __decorate([
431
+ core.Input()
432
+ ], GdsTextboxComponent.prototype, "placeholder", void 0);
433
+ __decorate([
434
+ core.Input()
435
+ ], GdsTextboxComponent.prototype, "required", void 0);
436
+ __decorate([
437
+ core.Input()
438
+ ], GdsTextboxComponent.prototype, "disabled", void 0);
439
+ __decorate([
440
+ core.Input()
441
+ ], GdsTextboxComponent.prototype, "error", void 0);
442
+ __decorate([
443
+ core.Input()
444
+ ], GdsTextboxComponent.prototype, "errorMessage", void 0);
445
+ __decorate([
446
+ core.Input()
447
+ ], GdsTextboxComponent.prototype, "helperText", void 0);
448
+ __decorate([
449
+ core.Input()
450
+ ], GdsTextboxComponent.prototype, "type", void 0);
451
+ __decorate([
452
+ core.Input()
453
+ ], GdsTextboxComponent.prototype, "id", void 0);
454
+ __decorate([
455
+ core.Input()
456
+ ], GdsTextboxComponent.prototype, "size", void 0);
457
+ GdsTextboxComponent = GdsTextboxComponent_1 = __decorate([
458
+ core.Component({
459
+ selector: 'gds-textbox',
460
+ 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",
461
+ changeDetection: core.ChangeDetectionStrategy.OnPush,
462
+ providers: [
463
+ {
464
+ provide: forms.NG_VALUE_ACCESSOR,
465
+ useExisting: core.forwardRef(function () { return GdsTextboxComponent_1; }),
466
+ multi: true,
467
+ },
468
+ ],
469
+ 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)}"]
470
+ })
471
+ ], GdsTextboxComponent);
472
+ return GdsTextboxComponent;
473
+ }());
474
+
475
+ var GdsTextboxModule = /** @class */ (function () {
476
+ function GdsTextboxModule() {
477
+ }
478
+ GdsTextboxModule = __decorate([
479
+ core.NgModule({
480
+ declarations: [GdsTextboxComponent],
481
+ imports: [common.CommonModule, GdsLabelModule, GdsInputModule],
482
+ exports: [GdsTextboxComponent],
483
+ })
484
+ ], GdsTextboxModule);
485
+ return GdsTextboxModule;
486
+ }());
487
+
488
+ var GdsSelectboxComponent = /** @class */ (function () {
489
+ function GdsSelectboxComponent(elementRef, cdr) {
490
+ this.elementRef = elementRef;
491
+ this.cdr = cdr;
492
+ this.label = '';
493
+ this.placeholder = 'Selecione...';
494
+ this.required = false;
495
+ this.disabled = false;
496
+ this.error = false;
497
+ this.errorMessage = '';
498
+ this.helperText = '';
499
+ this.id = "gds-selectbox-" + Math.random().toString(36).substr(2, 9);
500
+ this.size = 'md';
501
+ this.options = [];
502
+ this.searchTerm = '';
503
+ this.selectedValue = null;
504
+ this.isOpen = false;
505
+ this.isFocused = false;
506
+ this.filteredOptions = [];
507
+ this.onChange = function (value) { };
508
+ this.onTouched = function () { };
509
+ }
510
+ GdsSelectboxComponent_1 = GdsSelectboxComponent;
511
+ GdsSelectboxComponent.prototype.ngOnInit = function () {
512
+ this.filteredOptions = __spread(this.options);
513
+ };
514
+ GdsSelectboxComponent.prototype.onSearchInput = function (event) {
515
+ var target = event.target;
516
+ this.searchTerm = target.value;
517
+ this.filterOptions();
518
+ };
519
+ GdsSelectboxComponent.prototype.filterOptions = function () {
520
+ if (!this.searchTerm) {
521
+ this.filteredOptions = __spread(this.options);
522
+ }
523
+ else {
524
+ var term_1 = this.searchTerm.toLowerCase();
525
+ this.filteredOptions = this.options.filter(function (option) {
526
+ return option.display.toLowerCase().includes(term_1);
527
+ });
528
+ }
529
+ this.cdr.markForCheck();
530
+ };
531
+ GdsSelectboxComponent.prototype.toggleDropdown = function () {
532
+ if (!this.disabled) {
533
+ this.isOpen = !this.isOpen;
534
+ if (this.isOpen) {
535
+ this.filterOptions();
536
+ }
537
+ this.cdr.markForCheck();
538
+ }
539
+ };
540
+ GdsSelectboxComponent.prototype.clearSelection = function () {
541
+ this.selectedValue = null;
542
+ this.searchTerm = '';
543
+ this.isOpen = false;
544
+ this.onChange(null);
545
+ this.cdr.markForCheck();
546
+ };
547
+ GdsSelectboxComponent.prototype.selectOption = function (option) {
548
+ this.selectedValue = option.value;
549
+ this.searchTerm = option.display;
550
+ this.isOpen = false;
551
+ this.onChange(this.selectedValue);
552
+ this.cdr.markForCheck();
553
+ };
554
+ GdsSelectboxComponent.prototype.onFocus = function () {
555
+ this.isFocused = true;
556
+ this.isOpen = true;
557
+ this.cdr.markForCheck();
558
+ };
559
+ GdsSelectboxComponent.prototype.onBlur = function () {
560
+ var _this = this;
561
+ setTimeout(function () {
562
+ _this.isFocused = false;
563
+ _this.isOpen = false;
564
+ _this.onTouched();
565
+ // Restaura o display da opção selecionada se o searchTerm não corresponder
566
+ if (_this.selectedValue !== null) {
567
+ var selected = _this.options.find(function (opt) { return opt.value === _this.selectedValue; });
568
+ if (selected) {
569
+ _this.searchTerm = selected.display;
570
+ }
571
+ }
572
+ else {
573
+ _this.searchTerm = '';
574
+ }
575
+ _this.cdr.markForCheck();
576
+ }, 200);
577
+ };
578
+ GdsSelectboxComponent.prototype.onClickOutside = function (event) {
579
+ if (!this.elementRef.nativeElement.contains(event.target)) {
580
+ this.isOpen = false;
581
+ this.cdr.markForCheck();
582
+ }
583
+ };
584
+ // ControlValueAccessor implementation
585
+ GdsSelectboxComponent.prototype.writeValue = function (value) {
586
+ this.selectedValue = value;
587
+ if (value !== null && value !== undefined) {
588
+ var selected = this.options.find(function (opt) { return opt.value === value; });
589
+ if (selected) {
590
+ this.searchTerm = selected.display;
591
+ }
592
+ }
593
+ else {
594
+ this.searchTerm = '';
595
+ }
596
+ this.cdr.markForCheck();
597
+ };
598
+ GdsSelectboxComponent.prototype.registerOnChange = function (fn) {
599
+ this.onChange = fn;
600
+ };
601
+ GdsSelectboxComponent.prototype.registerOnTouched = function (fn) {
602
+ this.onTouched = fn;
603
+ };
604
+ GdsSelectboxComponent.prototype.setDisabledState = function (isDisabled) {
605
+ this.disabled = isDisabled;
606
+ this.cdr.markForCheck();
607
+ };
608
+ var GdsSelectboxComponent_1;
609
+ GdsSelectboxComponent.ctorParameters = function () { return [
610
+ { type: core.ElementRef },
611
+ { type: core.ChangeDetectorRef }
612
+ ]; };
613
+ __decorate([
614
+ core.Input()
615
+ ], GdsSelectboxComponent.prototype, "label", void 0);
616
+ __decorate([
617
+ core.Input()
618
+ ], GdsSelectboxComponent.prototype, "placeholder", void 0);
619
+ __decorate([
620
+ core.Input()
621
+ ], GdsSelectboxComponent.prototype, "required", void 0);
622
+ __decorate([
623
+ core.Input()
624
+ ], GdsSelectboxComponent.prototype, "disabled", void 0);
625
+ __decorate([
626
+ core.Input()
627
+ ], GdsSelectboxComponent.prototype, "error", void 0);
628
+ __decorate([
629
+ core.Input()
630
+ ], GdsSelectboxComponent.prototype, "errorMessage", void 0);
631
+ __decorate([
632
+ core.Input()
633
+ ], GdsSelectboxComponent.prototype, "helperText", void 0);
634
+ __decorate([
635
+ core.Input()
636
+ ], GdsSelectboxComponent.prototype, "id", void 0);
637
+ __decorate([
638
+ core.Input()
639
+ ], GdsSelectboxComponent.prototype, "size", void 0);
640
+ __decorate([
641
+ core.Input()
642
+ ], GdsSelectboxComponent.prototype, "options", void 0);
643
+ __decorate([
644
+ core.HostListener('document:click', ['$event'])
645
+ ], GdsSelectboxComponent.prototype, "onClickOutside", null);
646
+ GdsSelectboxComponent = GdsSelectboxComponent_1 = __decorate([
647
+ core.Component({
648
+ selector: 'gds-selectbox',
649
+ 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\u00E7\u00E3o\"\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",
650
+ changeDetection: core.ChangeDetectionStrategy.OnPush,
651
+ providers: [
652
+ {
653
+ provide: forms.NG_VALUE_ACCESSOR,
654
+ useExisting: core.forwardRef(function () { return GdsSelectboxComponent_1; }),
655
+ multi: true,
656
+ },
657
+ ],
658
+ 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)}"]
659
+ })
660
+ ], GdsSelectboxComponent);
661
+ return GdsSelectboxComponent;
662
+ }());
663
+
664
+ var GdsSelectboxModule = /** @class */ (function () {
665
+ function GdsSelectboxModule() {
666
+ }
667
+ GdsSelectboxModule = __decorate([
668
+ core.NgModule({
669
+ declarations: [GdsSelectboxComponent],
670
+ imports: [common.CommonModule, GdsLabelModule],
671
+ exports: [GdsSelectboxComponent],
672
+ })
673
+ ], GdsSelectboxModule);
674
+ return GdsSelectboxModule;
675
+ }());
676
+
677
+ var GdsComponent = /** @class */ (function () {
678
+ function GdsComponent() {
679
+ }
680
+ GdsComponent.prototype.ngOnInit = function () {
681
+ };
682
+ GdsComponent = __decorate([
683
+ core.Component({
684
+ selector: 'lib-gds',
685
+ template: "\n <p>\n gds works!\n </p>\n "
686
+ })
687
+ ], GdsComponent);
688
+ return GdsComponent;
689
+ }());
690
+
691
+ var GdsModule = /** @class */ (function () {
692
+ function GdsModule() {
693
+ }
694
+ GdsModule = __decorate([
695
+ core.NgModule({
696
+ declarations: [GdsComponent],
697
+ imports: [
698
+ common.CommonModule,
699
+ GdsButtonModule,
700
+ GdsInputModule,
701
+ GdsLabelModule,
702
+ GdsTextboxModule,
703
+ GdsSelectboxModule,
704
+ ],
705
+ exports: [GdsComponent],
706
+ })
707
+ ], GdsModule);
708
+ return GdsModule;
709
+ }());
710
+
711
+ // BASE COLORS
712
+ var BASE_COLORS = ['gestio-dark', 'gestio-light'];
713
+ // PRIMARY COLORS
714
+ var PRIMARY_COLORS = [
715
+ 'primary',
716
+ 'gestio-primary',
717
+ 'gestio-primary-hover',
718
+ ];
719
+ // SECONDARY COLORS
720
+ var SECONDARY_COLORS = ['gestio-secondary'];
721
+ // TERTIARY COLORS
722
+ var TERTIARY_COLORS = ['gestio-tertiary'];
723
+ // BRAND COLORS
724
+ var BRAND_COLORS = [
725
+ 'gestio-brand-25',
726
+ 'gestio-brand-50',
727
+ 'gestio-brand-100',
728
+ 'gestio-brand-200',
729
+ 'gestio-brand-300',
730
+ 'gestio-brand-400',
731
+ 'gestio-brand-500',
732
+ 'gestio-brand-600',
733
+ 'gestio-brand-700',
734
+ 'gestio-brand-800',
735
+ 'gestio-brand-900',
736
+ ];
737
+ // NEUTRAL COLORS
738
+ var NEUTRAL_COLORS = [
739
+ 'gestio-neutral-25',
740
+ 'gestio-neutral-50',
741
+ 'gestio-neutral-100',
742
+ 'gestio-neutral-200',
743
+ 'gestio-neutral-300',
744
+ 'gestio-neutral-400',
745
+ 'gestio-neutral-500',
746
+ 'gestio-neutral-600',
747
+ 'gestio-neutral-700',
748
+ 'gestio-neutral-800',
749
+ 'gestio-neutral-900',
750
+ 'gestio-neutral-1000',
751
+ ];
752
+ // GREEN COLORS
753
+ var GREEN_COLORS = [
754
+ 'gestio-green-25',
755
+ 'gestio-green-50',
756
+ 'gestio-green-100',
757
+ 'gestio-green-200',
758
+ 'gestio-green-300',
759
+ 'gestio-green-400',
760
+ 'gestio-green-500',
761
+ 'gestio-green-600',
762
+ 'gestio-green-700',
763
+ 'gestio-green-800',
764
+ 'gestio-green-900',
765
+ ];
766
+ // RED COLORS
767
+ var RED_COLORS = [
768
+ 'gestio-red-25',
769
+ 'gestio-red-50',
770
+ 'gestio-red-100',
771
+ 'gestio-red-200',
772
+ 'gestio-red-300',
773
+ 'gestio-red-400',
774
+ 'gestio-red-500',
775
+ 'gestio-red-600',
776
+ 'gestio-red-700',
777
+ 'gestio-red-800',
778
+ 'gestio-red-900',
779
+ ];
780
+ // BLUE COLORS
781
+ var BLUE_COLORS = [
782
+ 'gestio-blue-25',
783
+ 'gestio-blue-50',
784
+ 'gestio-blue-100',
785
+ 'gestio-blue-200',
786
+ 'gestio-blue-300',
787
+ 'gestio-blue-400',
788
+ 'gestio-blue-500',
789
+ 'gestio-blue-600',
790
+ 'gestio-blue-700',
791
+ 'gestio-blue-800',
792
+ 'gestio-blue-900',
793
+ ];
794
+ // AMBER COLORS
795
+ var AMBER_COLORS = [
796
+ 'gestio-amber-25',
797
+ 'gestio-amber-50',
798
+ 'gestio-amber-100',
799
+ 'gestio-amber-200',
800
+ 'gestio-amber-300',
801
+ 'gestio-amber-400',
802
+ 'gestio-amber-500',
803
+ 'gestio-amber-600',
804
+ 'gestio-amber-700',
805
+ 'gestio-amber-800',
806
+ 'gestio-amber-900',
807
+ ];
808
+ // TEAL COLORS
809
+ var TEAL_COLORS = [
810
+ 'gestio-teal-25',
811
+ 'gestio-teal-50',
812
+ 'gestio-teal-100',
813
+ 'gestio-teal-200',
814
+ 'gestio-teal-300',
815
+ 'gestio-teal-400',
816
+ 'gestio-teal-500',
817
+ 'gestio-teal-600',
818
+ 'gestio-teal-700',
819
+ 'gestio-teal-800',
820
+ 'gestio-teal-900',
821
+ ];
822
+ // PURPLE COLORS
823
+ var PURPLE_COLORS = [
824
+ 'gestio-purple-25',
825
+ 'gestio-purple-50',
826
+ 'gestio-purple-100',
827
+ 'gestio-purple-200',
828
+ 'gestio-purple-300',
829
+ 'gestio-purple-400',
830
+ 'gestio-purple-500',
831
+ 'gestio-purple-600',
832
+ 'gestio-purple-700',
833
+ 'gestio-purple-800',
834
+ 'gestio-purple-900',
835
+ ];
836
+ // EMERALD COLORS
837
+ var EMERALD_COLORS = [
838
+ 'gestio-emerald-25',
839
+ 'gestio-emerald-50',
840
+ 'gestio-emerald-100',
841
+ 'gestio-emerald-200',
842
+ 'gestio-emerald-300',
843
+ 'gestio-emerald-400',
844
+ 'gestio-emerald-500',
845
+ 'gestio-emerald-600',
846
+ 'gestio-emerald-700',
847
+ 'gestio-emerald-800',
848
+ 'gestio-emerald-900',
849
+ ];
850
+ // MAGENTA COLORS
851
+ var MAGENTA_COLORS = [
852
+ 'gestio-magenta-25',
853
+ 'gestio-magenta-50',
854
+ 'gestio-magenta-100',
855
+ 'gestio-magenta-200',
856
+ 'gestio-magenta-300',
857
+ 'gestio-magenta-400',
858
+ 'gestio-magenta-500',
859
+ 'gestio-magenta-600',
860
+ 'gestio-magenta-700',
861
+ 'gestio-magenta-800',
862
+ 'gestio-magenta-900',
863
+ ];
864
+ // YELLOW COLORS
865
+ var YELLOW_COLORS = [
866
+ 'gestio-yellow-25',
867
+ 'gestio-yellow-50',
868
+ 'gestio-yellow-100',
869
+ 'gestio-yellow-200',
870
+ 'gestio-yellow-300',
871
+ 'gestio-yellow-400',
872
+ 'gestio-yellow-500',
873
+ 'gestio-yellow-600',
874
+ 'gestio-yellow-700',
875
+ 'gestio-yellow-800',
876
+ 'gestio-yellow-900',
877
+ ];
878
+ // LIME COLORS
879
+ var LIME_COLORS = [
880
+ 'gestio-lime-25',
881
+ 'gestio-lime-50',
882
+ 'gestio-lime-100',
883
+ 'gestio-lime-200',
884
+ 'gestio-lime-300',
885
+ 'gestio-lime-400',
886
+ 'gestio-lime-500',
887
+ 'gestio-lime-600',
888
+ 'gestio-lime-700',
889
+ 'gestio-lime-800',
890
+ 'gestio-lime-900',
891
+ ];
892
+ // ALL COLORS
893
+ var ALL_COLORS = __spread(BASE_COLORS, PRIMARY_COLORS, SECONDARY_COLORS, TERTIARY_COLORS, BRAND_COLORS, NEUTRAL_COLORS, GREEN_COLORS, RED_COLORS, BLUE_COLORS, AMBER_COLORS, TEAL_COLORS, PURPLE_COLORS, EMERALD_COLORS, MAGENTA_COLORS, YELLOW_COLORS, LIME_COLORS);
894
+
895
+ var TYPOGRAPHY_TOKENS = [
896
+ 'gds-heading-3xl',
897
+ 'gds-heading-2xl',
898
+ 'gds-heading-xl',
899
+ 'gds-heading-lg',
900
+ 'gds-heading-md',
901
+ 'gds-heading-sm',
902
+ 'gds-heading-xs',
903
+ 'gds-subheading',
904
+ ];
905
+ var TYPOGRAPHY_DESCRIPTIONS = {
906
+ 'gds-heading-3xl': 'Largest heading for hero sections and major page titles',
907
+ 'gds-heading-2xl': 'Secondary large heading for section dividers',
908
+ 'gds-heading-xl': 'Large heading for important content blocks',
909
+ 'gds-heading-lg': 'Medium heading for subsections',
910
+ 'gds-heading-md': 'Standard heading for content areas',
911
+ 'gds-heading-sm': 'Small heading for cards and components',
912
+ 'gds-heading-xs': 'Smallest heading for micro components',
913
+ 'gds-subheading': 'Supporting text for headings and descriptions',
914
+ };
915
+ var TYPOGRAPHY_EXAMPLES = {
916
+ 'gds-heading-3xl': 'Design System',
917
+ 'gds-heading-2xl': 'Foundation',
918
+ 'gds-heading-xl': 'Typography',
919
+ 'gds-heading-lg': 'Heading Large',
920
+ 'gds-heading-md': 'Heading Medium',
921
+ 'gds-heading-sm': 'Heading Small',
922
+ 'gds-heading-xs': 'Heading XS',
923
+ 'gds-subheading': 'Supporting text that provides additional context and helps establish hierarchy',
924
+ };
925
+
926
+ exports.ALL_COLORS = ALL_COLORS;
927
+ exports.AMBER_COLORS = AMBER_COLORS;
928
+ exports.BASE_COLORS = BASE_COLORS;
929
+ exports.BLUE_COLORS = BLUE_COLORS;
930
+ exports.BRAND_COLORS = BRAND_COLORS;
931
+ exports.EMERALD_COLORS = EMERALD_COLORS;
932
+ exports.GREEN_COLORS = GREEN_COLORS;
933
+ exports.GdsButtonComponent = GdsButtonComponent;
934
+ exports.GdsButtonModule = GdsButtonModule;
935
+ exports.GdsComponent = GdsComponent;
936
+ exports.GdsInputComponent = GdsInputComponent;
937
+ exports.GdsInputModule = GdsInputModule;
938
+ exports.GdsLabelComponent = GdsLabelComponent;
939
+ exports.GdsLabelModule = GdsLabelModule;
940
+ exports.GdsModule = GdsModule;
941
+ exports.GdsSelectboxComponent = GdsSelectboxComponent;
942
+ exports.GdsSelectboxModule = GdsSelectboxModule;
943
+ exports.GdsTextboxComponent = GdsTextboxComponent;
944
+ exports.GdsTextboxModule = GdsTextboxModule;
945
+ exports.LIME_COLORS = LIME_COLORS;
946
+ exports.MAGENTA_COLORS = MAGENTA_COLORS;
947
+ exports.NEUTRAL_COLORS = NEUTRAL_COLORS;
948
+ exports.PRIMARY_COLORS = PRIMARY_COLORS;
949
+ exports.PURPLE_COLORS = PURPLE_COLORS;
950
+ exports.RED_COLORS = RED_COLORS;
951
+ exports.SECONDARY_COLORS = SECONDARY_COLORS;
952
+ exports.TEAL_COLORS = TEAL_COLORS;
953
+ exports.TERTIARY_COLORS = TERTIARY_COLORS;
954
+ exports.TYPOGRAPHY_DESCRIPTIONS = TYPOGRAPHY_DESCRIPTIONS;
955
+ exports.TYPOGRAPHY_EXAMPLES = TYPOGRAPHY_EXAMPLES;
956
+ exports.TYPOGRAPHY_TOKENS = TYPOGRAPHY_TOKENS;
957
+ exports.YELLOW_COLORS = YELLOW_COLORS;
958
+
959
+ Object.defineProperty(exports, '__esModule', { value: true });
960
+
961
+ })));
962
+ //# sourceMappingURL=gestio-gds.umd.js.map