@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/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
- }