@idds/styles 1.2.11 → 1.2.13

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 (96) hide show
  1. package/README.md +178 -42
  2. package/dist/base.css +1071 -0
  3. package/dist/base.min.css +1 -0
  4. package/dist/index.css +14801 -0
  5. package/dist/index.min.css +15 -0
  6. package/dist/tailwind/css/bgn.min.css +1 -0
  7. package/dist/tailwind/css/bkn.min.css +1 -0
  8. package/dist/tailwind/css/idds.min.css +1 -0
  9. package/dist/tailwind/css/inagov.min.css +1 -0
  10. package/dist/tailwind/css/inaku.min.css +1 -0
  11. package/dist/tailwind/css/inapas.min.css +1 -0
  12. package/dist/tailwind/css/lan.min.css +1 -0
  13. package/dist/tailwind/css/pan-rb.min.css +1 -0
  14. package/package.json +31 -21
  15. package/src/colors/brands/bgn.css +0 -30
  16. package/src/colors/brands/bkn.css +0 -33
  17. package/src/colors/brands/inagov.css +0 -40
  18. package/src/colors/brands/inaku.css +0 -29
  19. package/src/colors/brands/inapas.css +0 -29
  20. package/src/colors/brands/lan.css +0 -39
  21. package/src/colors/brands/pan-rb.css +0 -31
  22. package/src/colors/index.css +0 -11
  23. package/src/colors/primitives/index.css +0 -175
  24. package/src/colors/product/index.css +0 -205
  25. package/src/colors/utilities/index.css +0 -77
  26. package/src/components/accordion-card.css +0 -99
  27. package/src/components/accordion.css +0 -120
  28. package/src/components/action-dropdown.css +0 -140
  29. package/src/components/alert.css +0 -180
  30. package/src/components/avatar.css +0 -182
  31. package/src/components/badge.css +0 -247
  32. package/src/components/bottom-sheet.css +0 -61
  33. package/src/components/breadcrumb.css +0 -97
  34. package/src/components/button-group.css +0 -130
  35. package/src/components/button.css +0 -241
  36. package/src/components/card.css +0 -576
  37. package/src/components/carousel.css +0 -100
  38. package/src/components/chart.css +0 -81
  39. package/src/components/checkbox.css +0 -211
  40. package/src/components/chip.css +0 -245
  41. package/src/components/collapse.css +0 -84
  42. package/src/components/confirmation.css +0 -131
  43. package/src/components/date-picker.css +0 -1059
  44. package/src/components/divider.css +0 -174
  45. package/src/components/drawer.css +0 -752
  46. package/src/components/dropdown.css +0 -370
  47. package/src/components/field-input-table.css +0 -347
  48. package/src/components/file-upload.css +0 -333
  49. package/src/components/input-search.css +0 -428
  50. package/src/components/linear-progress-indicator.css +0 -34
  51. package/src/components/modal.css +0 -507
  52. package/src/components/month-picker.css +0 -326
  53. package/src/components/multiple-choice-grid.css +0 -383
  54. package/src/components/one-time-password.css +0 -119
  55. package/src/components/pagination.css +0 -429
  56. package/src/components/password-input.css +0 -477
  57. package/src/components/phone-input.css +0 -412
  58. package/src/components/progress-bar.css +0 -447
  59. package/src/components/radio-input.css +0 -277
  60. package/src/components/reset.css +0 -431
  61. package/src/components/select-dropdown.css +0 -663
  62. package/src/components/select-option.css +0 -217
  63. package/src/components/single-file-upload.css +0 -186
  64. package/src/components/skeleton.css +0 -488
  65. package/src/components/spinner.css +0 -450
  66. package/src/components/stepper.css +0 -260
  67. package/src/components/tab-horizontal.css +0 -278
  68. package/src/components/tab-vertical.css +0 -261
  69. package/src/components/table-progress-bar.css +0 -48
  70. package/src/components/table.css +0 -538
  71. package/src/components/text-area.css +0 -220
  72. package/src/components/text-field.css +0 -278
  73. package/src/components/theme-toggle.css +0 -259
  74. package/src/components/time-picker.css +0 -436
  75. package/src/components/toast.css +0 -265
  76. package/src/components/toggle.css +0 -195
  77. package/src/components/tooltip.css +0 -343
  78. package/src/components/year-picker.css +0 -424
  79. package/src/index.css +0 -3
  80. /package/{src → dist}/tailwind/css/bgn.css +0 -0
  81. /package/{src → dist}/tailwind/css/bkn.css +0 -0
  82. /package/{src → dist}/tailwind/css/idds.css +0 -0
  83. /package/{src → dist}/tailwind/css/inagov.css +0 -0
  84. /package/{src → dist}/tailwind/css/inaku.css +0 -0
  85. /package/{src → dist}/tailwind/css/inapas.css +0 -0
  86. /package/{src → dist}/tailwind/css/lan.css +0 -0
  87. /package/{src → dist}/tailwind/css/pan-rb.css +0 -0
  88. /package/{src → dist}/tailwind/ts/bgn.ts +0 -0
  89. /package/{src → dist}/tailwind/ts/bkn.ts +0 -0
  90. /package/{src → dist}/tailwind/ts/default.ts +0 -0
  91. /package/{src → dist}/tailwind/ts/idds.ts +0 -0
  92. /package/{src → dist}/tailwind/ts/inagov.ts +0 -0
  93. /package/{src → dist}/tailwind/ts/inaku.ts +0 -0
  94. /package/{src → dist}/tailwind/ts/inapas.ts +0 -0
  95. /package/{src → dist}/tailwind/ts/lan.ts +0 -0
  96. /package/{src → dist}/tailwind/ts/pan-rb.ts +0 -0
package/src/components/confirmation.css DELETED
@@ -1,131 +0,0 @@
1
- /* Confirmation Component Styles */
2
- .ina-confirmation {
3
- position: fixed;
4
- top: 0;
5
- left: 0;
6
- right: 0;
7
- bottom: 0;
8
- z-index: 1000;
9
- display: flex;
10
- align-items: center;
11
- justify-content: center;
12
- }
13
-
14
- .ina-confirmation__backdrop {
15
- position: absolute;
16
- top: 0;
17
- left: 0;
18
- right: 0;
19
- bottom: 0;
20
- background: rgba(0, 0, 0, 0.5);
21
- }
22
-
23
- .ina-confirmation__container {
24
- position: relative;
25
- z-index: 1001;
26
- max-width: 500px;
27
- width: 90%;
28
- max-height: 90vh;
29
- overflow-y: auto;
30
- }
31
-
32
- .ina-confirmation__dialog {
33
- background: var(--ina-color-background);
34
- border-radius: var(--ina-border-radius-lg);
35
- box-shadow: var(--ina-shadow-xl);
36
- overflow: hidden;
37
- }
38
-
39
- .ina-confirmation__header {
40
- display: flex;
41
- align-items: flex-start;
42
- gap: var(--ina-spacing-md);
43
- padding: var(--ina-spacing-lg);
44
- }
45
-
46
- .ina-confirmation__icon {
47
- flex-shrink: 0;
48
- margin-top: var(--ina-spacing-xs);
49
- }
50
-
51
- .ina-confirmation__content {
52
- flex: 1;
53
- }
54
-
55
- .ina-confirmation__title {
56
- font-size: var(--ina-font-size-lg);
57
- font-weight: var(--ina-font-weight-semibold);
58
- color: var(--ina-color-text-primary);
59
- margin-bottom: var(--ina-spacing-xs);
60
- }
61
-
62
- .ina-confirmation__description {
63
- font-size: var(--ina-font-size-sm);
64
- color: var(--ina-color-text-secondary);
65
- line-height: 1.5;
66
- }
67
-
68
- .ina-confirmation__footer {
69
- display: flex;
70
- justify-content: flex-end;
71
- gap: var(--ina-spacing-sm);
72
- padding: var(--ina-spacing-lg);
73
- background: var(--ina-color-surface);
74
- border-top: 1px solid var(--ina-color-border);
75
- }
76
-
77
- .ina-confirmation__button {
78
- padding: var(--ina-spacing-sm) var(--ina-spacing-md);
79
- border-radius: var(--ina-border-radius-md);
80
- font-size: var(--ina-font-size-sm);
81
- font-weight: var(--ina-font-weight-medium);
82
- cursor: pointer;
83
- transition: all 0.2s ease;
84
- border: 1px solid transparent;
85
- }
86
-
87
- .ina-confirmation__button--cancel {
88
- background: var(--ina-color-background);
89
- color: var(--ina-color-text-primary);
90
- border-color: var(--ina-color-border);
91
- }
92
-
93
- .ina-confirmation__button--cancel:hover {
94
- background: var(--ina-color-surface);
95
- }
96
-
97
- .ina-confirmation__button--confirm {
98
- background: var(--ina-color-primary);
99
- color: var(--ina-color-white);
100
- }
101
-
102
- .ina-confirmation__button--confirm:hover {
103
- background: var(--ina-color-primary-dark);
104
- }
105
-
106
- .ina-confirmation__button--variant-warning {
107
- background: var(--ina-color-warning);
108
- color: var(--ina-color-white);
109
- }
110
-
111
- .ina-confirmation__button--variant-warning:hover {
112
- background: var(--ina-color-warning-dark);
113
- }
114
-
115
- .ina-confirmation__button--variant-error {
116
- background: var(--ina-color-error);
117
- color: var(--ina-color-white);
118
- }
119
-
120
- .ina-confirmation__button--variant-error:hover {
121
- background: var(--ina-color-error-dark);
122
- }
123
-
124
- .ina-confirmation__button--variant-info {
125
- background: var(--ina-color-info);
126
- color: var(--ina-color-white);
127
- }
128
-
129
- .ina-confirmation__button--variant-info:hover {
130
- background: var(--ina-color-info-dark);
131
- }