@idds/styles 1.2.11 → 1.2.12

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 (95) hide show
  1. package/dist/base.css +1071 -0
  2. package/dist/base.min.css +1 -0
  3. package/dist/index.css +14801 -0
  4. package/dist/index.min.css +15 -0
  5. package/dist/tailwind/css/bgn.min.css +1 -0
  6. package/dist/tailwind/css/bkn.min.css +1 -0
  7. package/dist/tailwind/css/idds.min.css +1 -0
  8. package/dist/tailwind/css/inagov.min.css +1 -0
  9. package/dist/tailwind/css/inaku.min.css +1 -0
  10. package/dist/tailwind/css/inapas.min.css +1 -0
  11. package/dist/tailwind/css/lan.min.css +1 -0
  12. package/dist/tailwind/css/pan-rb.min.css +1 -0
  13. package/package.json +31 -21
  14. package/src/colors/brands/bgn.css +0 -30
  15. package/src/colors/brands/bkn.css +0 -33
  16. package/src/colors/brands/inagov.css +0 -40
  17. package/src/colors/brands/inaku.css +0 -29
  18. package/src/colors/brands/inapas.css +0 -29
  19. package/src/colors/brands/lan.css +0 -39
  20. package/src/colors/brands/pan-rb.css +0 -31
  21. package/src/colors/index.css +0 -11
  22. package/src/colors/primitives/index.css +0 -175
  23. package/src/colors/product/index.css +0 -205
  24. package/src/colors/utilities/index.css +0 -77
  25. package/src/components/accordion-card.css +0 -99
  26. package/src/components/accordion.css +0 -120
  27. package/src/components/action-dropdown.css +0 -140
  28. package/src/components/alert.css +0 -180
  29. package/src/components/avatar.css +0 -182
  30. package/src/components/badge.css +0 -247
  31. package/src/components/bottom-sheet.css +0 -61
  32. package/src/components/breadcrumb.css +0 -97
  33. package/src/components/button-group.css +0 -130
  34. package/src/components/button.css +0 -241
  35. package/src/components/card.css +0 -576
  36. package/src/components/carousel.css +0 -100
  37. package/src/components/chart.css +0 -81
  38. package/src/components/checkbox.css +0 -211
  39. package/src/components/chip.css +0 -245
  40. package/src/components/collapse.css +0 -84
  41. package/src/components/confirmation.css +0 -131
  42. package/src/components/date-picker.css +0 -1059
  43. package/src/components/divider.css +0 -174
  44. package/src/components/drawer.css +0 -752
  45. package/src/components/dropdown.css +0 -370
  46. package/src/components/field-input-table.css +0 -347
  47. package/src/components/file-upload.css +0 -333
  48. package/src/components/input-search.css +0 -428
  49. package/src/components/linear-progress-indicator.css +0 -34
  50. package/src/components/modal.css +0 -507
  51. package/src/components/month-picker.css +0 -326
  52. package/src/components/multiple-choice-grid.css +0 -383
  53. package/src/components/one-time-password.css +0 -119
  54. package/src/components/pagination.css +0 -429
  55. package/src/components/password-input.css +0 -477
  56. package/src/components/phone-input.css +0 -412
  57. package/src/components/progress-bar.css +0 -447
  58. package/src/components/radio-input.css +0 -277
  59. package/src/components/reset.css +0 -431
  60. package/src/components/select-dropdown.css +0 -663
  61. package/src/components/select-option.css +0 -217
  62. package/src/components/single-file-upload.css +0 -186
  63. package/src/components/skeleton.css +0 -488
  64. package/src/components/spinner.css +0 -450
  65. package/src/components/stepper.css +0 -260
  66. package/src/components/tab-horizontal.css +0 -278
  67. package/src/components/tab-vertical.css +0 -261
  68. package/src/components/table-progress-bar.css +0 -48
  69. package/src/components/table.css +0 -538
  70. package/src/components/text-area.css +0 -220
  71. package/src/components/text-field.css +0 -278
  72. package/src/components/theme-toggle.css +0 -259
  73. package/src/components/time-picker.css +0 -436
  74. package/src/components/toast.css +0 -265
  75. package/src/components/toggle.css +0 -195
  76. package/src/components/tooltip.css +0 -343
  77. package/src/components/year-picker.css +0 -424
  78. package/src/index.css +0 -3
  79. /package/{src → dist}/tailwind/css/bgn.css +0 -0
  80. /package/{src → dist}/tailwind/css/bkn.css +0 -0
  81. /package/{src → dist}/tailwind/css/idds.css +0 -0
  82. /package/{src → dist}/tailwind/css/inagov.css +0 -0
  83. /package/{src → dist}/tailwind/css/inaku.css +0 -0
  84. /package/{src → dist}/tailwind/css/inapas.css +0 -0
  85. /package/{src → dist}/tailwind/css/lan.css +0 -0
  86. /package/{src → dist}/tailwind/css/pan-rb.css +0 -0
  87. /package/{src → dist}/tailwind/ts/bgn.ts +0 -0
  88. /package/{src → dist}/tailwind/ts/bkn.ts +0 -0
  89. /package/{src → dist}/tailwind/ts/default.ts +0 -0
  90. /package/{src → dist}/tailwind/ts/idds.ts +0 -0
  91. /package/{src → dist}/tailwind/ts/inagov.ts +0 -0
  92. /package/{src → dist}/tailwind/ts/inaku.ts +0 -0
  93. /package/{src → dist}/tailwind/ts/inapas.ts +0 -0
  94. /package/{src → dist}/tailwind/ts/lan.ts +0 -0
  95. /package/{src → dist}/tailwind/ts/pan-rb.ts +0 -0
package/src/components/divider.css DELETED
@@ -1,174 +0,0 @@
1
- /**
2
- * Divider Component Styles
3
- * Menggunakan BEM naming convention dengan prefix "ina-"
4
- */
5
-
6
- .ina-divider {
7
- /* Base divider styling */
8
- margin: 0;
9
- padding: 0;
10
- border: 0;
11
- border-width: 1px;
12
- border-style: solid;
13
- flex-shrink: 0;
14
- }
15
-
16
- /* Orientation variants */
17
- .ina-divider--horizontal {
18
- border-top: 1px solid;
19
- width: 100%;
20
- }
21
-
22
- .ina-divider--vertical {
23
- border-left: 1px solid;
24
- height: 1rem; /* Default height for vertical */
25
- }
26
-
27
- /* Color variants */
28
- .ina-divider--light {
29
- border-color: var(--ina-stroke-secondary);
30
- }
31
-
32
- .ina-divider--dark {
33
- border-color: var(--ina-stroke-primary);
34
- }
35
-
36
- /* Default color (when light prop is not specified) */
37
- .ina-divider--horizontal.ina-divider--dark,
38
- .ina-divider--vertical.ina-divider--dark {
39
- border-color: var(--ina-stroke-primary);
40
- }
41
-
42
- .ina-divider--horizontal.ina-divider--light,
43
- .ina-divider--vertical.ina-divider--light {
44
- border-color: var(--ina-stroke-secondary);
45
- }
46
-
47
- /* Margin variants for horizontal dividers */
48
- .ina-divider--horizontal.ina-divider--full-width {
49
- /* Default: full width, no margins */
50
- }
51
-
52
- .ina-divider--horizontal.ina-divider--inset {
53
- margin-left: var(--ina-spacing-4);
54
- }
55
-
56
- .ina-divider--horizontal.ina-divider--middle {
57
- margin-left: auto;
58
- margin-right: auto;
59
- }
60
-
61
- /* Margin variants for vertical dividers */
62
- .ina-divider--vertical.ina-divider--full-width {
63
- /* Default vertical styling */
64
- }
65
-
66
- .ina-divider--vertical.ina-divider--inset {
67
- margin-top: var(--ina-spacing-4);
68
- }
69
-
70
- .ina-divider--vertical.ina-divider--middle {
71
- margin-top: auto;
72
- margin-bottom: auto;
73
- }
74
-
75
- /* Flex item support for vertical dividers */
76
- .ina-divider--vertical.ina-divider--flex-item {
77
- align-self: stretch;
78
- height: auto;
79
- }
80
-
81
- /* Height variants for vertical dividers */
82
- .ina-divider--vertical.ina-divider--small {
83
- height: calc(0.75 * var(--ina-spacing-4)); /* 12px */
84
- }
85
-
86
- .ina-divider--vertical.ina-divider--medium {
87
- height: var(--ina-spacing-4); /* 16px */
88
- }
89
-
90
- .ina-divider--vertical.ina-divider--large {
91
- height: var(--ina-spacing-8); /* 32px */
92
- }
93
-
94
- .ina-divider--vertical.ina-divider--full {
95
- height: 100%;
96
- }
97
-
98
- /* Content variants - dividers with text/content */
99
- .ina-divider--with-content {
100
- display: flex;
101
- align-items: center;
102
- border: none;
103
- }
104
-
105
- .ina-divider--with-content::before,
106
- .ina-divider--with-content::after {
107
- content: '';
108
- flex: 1;
109
- border-top: 1px solid var(--ina-stroke-primary);
110
- }
111
-
112
- .ina-divider--with-content.ina-divider--light::before,
113
- .ina-divider--with-content.ina-divider--light::after {
114
- border-color: var(--ina-stroke-secondary);
115
- }
116
-
117
- .ina-divider__content {
118
- padding: 0 var(--ina-spacing-4);
119
- color: var(--ina-content-secondary);
120
- font-size: var(--ina-font-sm);
121
- }
122
-
123
- /* Spacing variants */
124
- .ina-divider--spacing-xs {
125
- margin-top: var(--ina-spacing-1);
126
- margin-bottom: var(--ina-spacing-1);
127
- }
128
-
129
- .ina-divider--spacing-sm {
130
- margin-top: var(--ina-spacing-2);
131
- margin-bottom: var(--ina-spacing-2);
132
- }
133
-
134
- .ina-divider--spacing-md {
135
- margin-top: var(--ina-spacing-4);
136
- margin-bottom: var(--ina-spacing-4);
137
- }
138
-
139
- .ina-divider--spacing-lg {
140
- margin-top: var(--ina-spacing-6);
141
- margin-bottom: var(--ina-spacing-6);
142
- }
143
-
144
- .ina-divider--spacing-xl {
145
- margin-top: var(--ina-spacing-8);
146
- margin-bottom: var(--ina-spacing-8);
147
- }
148
-
149
- /* Responsive dividers */
150
- @media (max-width: 640px) {
151
- .ina-divider__content {
152
- font-size: var(--ina-font-xs); /* Turun dari sm ke xs */
153
- }
154
- }
155
-
156
- @media (min-width: 640px) {
157
- .ina-divider--responsive-sm\:larger {
158
- height: var(--ina-spacing-8);
159
- }
160
- }
161
-
162
- @media (min-width: 768px) {
163
- .ina-divider--responsive-md\:middle {
164
- margin-left: auto;
165
- margin-right: auto;
166
- }
167
- }
168
-
169
- @media (min-width: 1024px) {
170
- .ina-divider--responsive-lg\:middle {
171
- margin-left: auto;
172
- margin-right: auto;
173
- }
174
- }