@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
@@ -0,0 +1 @@
1
+ @theme{--color-primary-50:var(--ina-primary-50);--color-primary-100:var(--ina-primary-100);--color-primary-200:var(--ina-primary-200);--color-primary-300:var(--ina-primary-300);--color-primary-400:var(--ina-primary-400);--color-primary-500:var(--ina-primary-500);--color-primary-600:var(--ina-primary-600);--color-primary-700:var(--ina-primary-700);--color-primary-800:var(--ina-primary-800);--color-primary-900:var(--ina-primary-900);--color-primary-primary:var(--ina-primary-primary);--color-bgn-brand-primary:var(--ina-bgn-brand-primary);--color-bgn-stroke-primary:var(--ina-bgn-stroke-primary);--color-background-tertiary:var(--ina-background-tertiary);--color-content-light-primary:var(--ina-content-primary);--color-content-light-secondary:var(--ina-content-secondary);--color-content-dark-disabled:var(--ina-content-tertiary);--color-neutral-500:var(--ina-neutral-500);--color-neutral-700:var(--ina-neutral-700);--color-neutral-900:var(--ina-neutral-900);--color-sentiment-info-400:var(--ina-info-400);--color-sentiment-info-500:var(--ina-info-500);--color-sentiment-positive-500:var(--ina-positive-500);--color-sentiment-warning-500:var(--ina-warning-500);--color-accent-coral-orange:var(--ina-accent-coral-orange);--color-accent-yellow:var(--ina-accent-yellow)}
@@ -0,0 +1 @@
1
+ @theme{--color-primary-25:var(--ina-primary-25);--color-primary-50:var(--ina-primary-50);--color-primary-100:var(--ina-primary-100);--color-primary-200:var(--ina-primary-200);--color-primary-300:var(--ina-primary-300);--color-primary-400:var(--ina-primary-400);--color-primary-500:var(--ina-primary-500);--color-primary-600:var(--ina-primary-600);--color-primary-700:var(--ina-primary-700);--color-primary-800:var(--ina-primary-800);--color-primary-900:var(--ina-primary-900);--color-primary-primary:var(--ina-primary-primary);--color-secondary-25:var(--ina-secondary-25);--color-secondary-50:var(--ina-secondary-50);--color-secondary-100:var(--ina-secondary-100);--color-secondary-200:var(--ina-secondary-200);--color-secondary-300:var(--ina-secondary-300);--color-secondary-400:var(--ina-secondary-400);--color-secondary-500:var(--ina-secondary-500);--color-secondary-600:var(--ina-secondary-600);--color-secondary-700:var(--ina-secondary-700);--color-secondary-800:var(--ina-secondary-800);--color-secondary-900:var(--ina-secondary-900);--color-bkn-brand-hover:var(--ina-bkn-brand-hover);--color-bkn-neutral-hover:var(--ina-bkn-neutral-hover)}
@@ -0,0 +1 @@
1
+ @theme{--color-neutral-25:var(--ina-neutral-25);--color-neutral-50:var(--ina-neutral-50);--color-neutral-100:var(--ina-neutral-100);--color-neutral-200:var(--ina-neutral-200);--color-neutral-300:var(--ina-neutral-300);--color-neutral-400:var(--ina-neutral-400);--color-neutral-500:var(--ina-neutral-500);--color-neutral-600:var(--ina-neutral-600);--color-neutral-700:var(--ina-neutral-700);--color-neutral-800:var(--ina-neutral-800);--color-neutral-900:var(--ina-neutral-900);--color-neutral-1000:var(--ina-neutral-1000);--color-blue-50:var(--ina-blue-50);--color-blue-100:var(--ina-blue-100);--color-blue-200:var(--ina-blue-200);--color-blue-300:var(--ina-blue-300);--color-blue-400:var(--ina-blue-400);--color-blue-500:var(--ina-blue-500);--color-blue-600:var(--ina-blue-600);--color-blue-700:var(--ina-blue-700);--color-blue-800:var(--ina-blue-800);--color-blue-900:var(--ina-blue-900);--color-cyan-50:var(--ina-cyan-50);--color-cyan-100:var(--ina-cyan-100);--color-cyan-200:var(--ina-cyan-200);--color-cyan-300:var(--ina-cyan-300);--color-cyan-400:var(--ina-cyan-400);--color-cyan-500:var(--ina-cyan-500);--color-cyan-600:var(--ina-cyan-600);--color-cyan-700:var(--ina-cyan-700);--color-cyan-800:var(--ina-cyan-800);--color-cyan-900:var(--ina-cyan-900);--color-green-50:var(--ina-green-50);--color-green-100:var(--ina-green-100);--color-green-200:var(--ina-green-200);--color-green-300:var(--ina-green-300);--color-green-400:var(--ina-green-400);--color-green-500:var(--ina-green-500);--color-green-600:var(--ina-green-600);--color-green-700:var(--ina-green-700);--color-green-800:var(--ina-green-800);--color-green-900:var(--ina-green-900);--color-lime-50:var(--ina-lime-50);--color-lime-100:var(--ina-lime-100);--color-lime-200:var(--ina-lime-200);--color-lime-300:var(--ina-lime-300);--color-lime-400:var(--ina-lime-400);--color-lime-500:var(--ina-lime-500);--color-lime-600:var(--ina-lime-600);--color-lime-700:var(--ina-lime-700);--color-lime-800:var(--ina-lime-800);--color-lime-900:var(--ina-lime-900);--color-yellow-50:var(--ina-yellow-50);--color-yellow-100:var(--ina-yellow-100);--color-yellow-200:var(--ina-yellow-200);--color-yellow-300:var(--ina-yellow-300);--color-yellow-400:var(--ina-yellow-400);--color-yellow-500:var(--ina-yellow-500);--color-yellow-600:var(--ina-yellow-600);--color-yellow-700:var(--ina-yellow-700);--color-yellow-800:var(--ina-yellow-800);--color-yellow-900:var(--ina-yellow-900);--color-orange-50:var(--ina-orange-50);--color-orange-100:var(--ina-orange-100);--color-orange-200:var(--ina-orange-200);--color-orange-300:var(--ina-orange-300);--color-orange-400:var(--ina-orange-400);--color-orange-500:var(--ina-orange-500);--color-orange-600:var(--ina-orange-600);--color-orange-700:var(--ina-orange-700);--color-orange-800:var(--ina-orange-800);--color-orange-900:var(--ina-orange-900);--color-red-50:var(--ina-red-50);--color-red-100:var(--ina-red-100);--color-red-200:var(--ina-red-200);--color-red-300:var(--ina-red-300);--color-red-400:var(--ina-red-400);--color-red-500:var(--ina-red-500);--color-red-600:var(--ina-red-600);--color-red-700:var(--ina-red-700);--color-red-800:var(--ina-red-800);--color-red-900:var(--ina-red-900);--color-pink-50:var(--ina-pink-50);--color-pink-100:var(--ina-pink-100);--color-pink-200:var(--ina-pink-200);--color-pink-300:var(--ina-pink-300);--color-pink-400:var(--ina-pink-400);--color-pink-500:var(--ina-pink-500);--color-pink-600:var(--ina-pink-600);--color-pink-700:var(--ina-pink-700);--color-pink-800:var(--ina-pink-800);--color-pink-900:var(--ina-pink-900);--color-magenta-50:var(--ina-magenta-50);--color-magenta-100:var(--ina-magenta-100);--color-magenta-200:var(--ina-magenta-200);--color-magenta-300:var(--ina-magenta-300);--color-magenta-400:var(--ina-magenta-400);--color-magenta-500:var(--ina-magenta-500);--color-magenta-600:var(--ina-magenta-600);--color-magenta-700:var(--ina-magenta-700);--color-magenta-800:var(--ina-magenta-800);--color-magenta-900:var(--ina-magenta-900);--color-purple-50:var(--ina-purple-50);--color-purple-100:var(--ina-purple-100);--color-purple-200:var(--ina-purple-200);--color-purple-300:var(--ina-purple-300);--color-purple-400:var(--ina-purple-400);--color-purple-500:var(--ina-purple-500);--color-purple-600:var(--ina-purple-600);--color-purple-700:var(--ina-purple-700);--color-purple-800:var(--ina-purple-800);--color-purple-900:var(--ina-purple-900);--color-indigo-50:var(--ina-indigo-50);--color-indigo-100:var(--ina-indigo-100);--color-indigo-200:var(--ina-indigo-200);--color-indigo-300:var(--ina-indigo-300);--color-indigo-400:var(--ina-indigo-400);--color-indigo-500:var(--ina-indigo-500);--color-indigo-600:var(--ina-indigo-600);--color-indigo-700:var(--ina-indigo-700);--color-indigo-800:var(--ina-indigo-800);--color-indigo-900:var(--ina-indigo-900);--color-background-primary:var(--ina-background-primary);--color-background-secondary:var(--ina-background-secondary);--color-background-tertiary:var(--ina-background-tertiary);--color-background-overlay:var(--ina-background-overlay);--color-content-primary:var(--ina-content-primary);--color-content-secondary:var(--ina-content-secondary);--color-content-tertiary:var(--ina-content-tertiary);--color-content-guide:var(--ina-content-guide);--color-content-negative:var(--ina-content-negative);--color-content-positive:var(--ina-content-positive);--color-stroke-primary:var(--ina-stroke-primary);--color-stroke-secondary:var(--ina-stroke-secondary);--color-stroke-tertiary:var(--ina-stroke-tertiary);--color-guide-50:var(--ina-guide-50);--color-guide-100:var(--ina-guide-100);--color-guide-200:var(--ina-guide-200);--color-guide-300:var(--ina-guide-300);--color-guide-400:var(--ina-guide-400);--color-guide-500:var(--ina-guide-500);--color-guide-600:var(--ina-guide-600);--color-guide-700:var(--ina-guide-700);--color-guide-800:var(--ina-guide-800);--color-guide-900:var(--ina-guide-900);--color-negative-50:var(--ina-negative-50);--color-negative-100:var(--ina-negative-100);--color-negative-200:var(--ina-negative-200);--color-negative-300:var(--ina-negative-300);--color-negative-400:var(--ina-negative-400);--color-negative-500:var(--ina-negative-500);--color-negative-600:var(--ina-negative-600);--color-negative-700:var(--ina-negative-700);--color-negative-800:var(--ina-negative-800);--color-negative-900:var(--ina-negative-900);--color-positive-50:var(--ina-positive-50);--color-positive-100:var(--ina-positive-100);--color-positive-200:var(--ina-positive-200);--color-positive-300:var(--ina-positive-300);--color-positive-400:var(--ina-positive-400);--color-positive-500:var(--ina-positive-500);--color-positive-600:var(--ina-positive-600);--color-positive-700:var(--ina-positive-700);--color-positive-800:var(--ina-positive-800);--color-positive-900:var(--ina-positive-900);--color-warning-50:var(--ina-warning-50);--color-warning-100:var(--ina-warning-100);--color-warning-200:var(--ina-warning-200);--color-warning-300:var(--ina-warning-300);--color-warning-400:var(--ina-warning-400);--color-warning-500:var(--ina-warning-500);--color-warning-600:var(--ina-warning-600);--color-warning-700:var(--ina-warning-700);--color-warning-800:var(--ina-warning-800);--color-warning-900:var(--ina-warning-900);--color-white:var(--ina-white);--color-black:var(--ina-black)}
@@ -0,0 +1 @@
1
+ @theme{--color-primary-25:var(--ina-primary-25);--color-primary-50:var(--ina-primary-50);--color-primary-100:var(--ina-primary-100);--color-primary-200:var(--ina-primary-200);--color-primary-300:var(--ina-primary-300);--color-primary-400:var(--ina-primary-400);--color-primary-500:var(--ina-primary-500);--color-primary-600:var(--ina-primary-600);--color-primary-700:var(--ina-primary-700);--color-primary-800:var(--ina-primary-800);--color-primary-900:var(--ina-primary-900);--color-primary-primary:var(--ina-primary-primary);--color-accent-100:var(--ina-accent-100);--color-accent-200:var(--ina-accent-200);--color-accent-300:var(--ina-accent-300);--color-accent-400:var(--ina-accent-400);--color-accent-500:var(--ina-accent-500);--color-accent-600:var(--ina-accent-600);--color-accent-700:var(--ina-accent-700);--color-brand-hover:var(--ina-brand-hover);--color-neutral-hover:var(--ina-neutral-hover)}
@@ -0,0 +1 @@
1
+ @theme{--color-primary-25:var(--ina-primary-25);--color-primary-50:var(--ina-primary-50);--color-primary-100:var(--ina-primary-100);--color-primary-200:var(--ina-primary-200);--color-primary-300:var(--ina-primary-300);--color-primary-400:var(--ina-primary-400);--color-primary-500:var(--ina-primary-500);--color-primary-600:var(--ina-primary-600);--color-primary-700:var(--ina-primary-700);--color-primary-800:var(--ina-primary-800);--color-primary-900:var(--ina-primary-900);--color-primary-primary:var(--ina-primary-primary);--color-accent-100:var(--ina-accent-100);--color-accent-200:var(--ina-accent-200);--color-accent-300:var(--ina-accent-300);--color-accent-400:var(--ina-accent-400);--color-accent-500:var(--ina-accent-500);--color-accent-600:var(--ina-accent-600);--color-accent-700:var(--ina-accent-700);--color-inaku-brand-hover:var(--ina-inaku-brand-hover);--color-inaku-neutral-hover:var(--ina-inaku-neutral-hover)}
@@ -0,0 +1 @@
1
+ @theme{--color-primary-25:var(--ina-primary-25);--color-primary-50:var(--ina-primary-50);--color-primary-100:var(--ina-primary-100);--color-primary-200:var(--ina-primary-200);--color-primary-300:var(--ina-primary-300);--color-primary-400:var(--ina-primary-400);--color-primary-500:var(--ina-primary-500);--color-primary-600:var(--ina-primary-600);--color-primary-700:var(--ina-primary-700);--color-primary-800:var(--ina-primary-800);--color-primary-900:var(--ina-primary-900);--color-primary-primary:var(--ina-primary-primary);--color-accent-100:var(--ina-accent-100);--color-accent-200:var(--ina-accent-200);--color-accent-300:var(--ina-accent-300);--color-accent-400:var(--ina-accent-400);--color-accent-500:var(--ina-accent-500);--color-accent-600:var(--ina-accent-600);--color-accent-700:var(--ina-accent-700);--color-inapas-brand-hover:var(--ina-inapas-brand-hover);--color-inapas-neutral-hover:var(--ina-inapas-neutral-hover)}
@@ -0,0 +1 @@
1
+ @theme{--color-primary-25:var(--ina-primary-25);--color-primary-50:var(--ina-primary-50);--color-primary-100:var(--ina-primary-100);--color-primary-200:var(--ina-primary-200);--color-primary-300:var(--ina-primary-300);--color-primary-400:var(--ina-primary-400);--color-primary-500:var(--ina-primary-500);--color-primary-600:var(--ina-primary-600);--color-primary-700:var(--ina-primary-700);--color-primary-800:var(--ina-primary-800);--color-primary-900:var(--ina-primary-900);--color-primary-primary:var(--ina-primary-primary);--color-secondary-25:var(--ina-secondary-25);--color-secondary-50:var(--ina-secondary-50);--color-secondary-100:var(--ina-secondary-100);--color-secondary-200:var(--ina-secondary-200);--color-secondary-300:var(--ina-secondary-300);--color-secondary-400:var(--ina-secondary-400);--color-secondary-500:var(--ina-secondary-500);--color-secondary-600:var(--ina-secondary-600);--color-secondary-700:var(--ina-secondary-700);--color-secondary-800:var(--ina-secondary-800);--color-secondary-900:var(--ina-secondary-900);--color-accent-red:var(--ina-accent-red);--color-accent-green:var(--ina-accent-green);--color-accent-blue:var(--ina-accent-blue);--color-accent-orange:var(--ina-accent-orange);--color-lan-brand-hover:var(--ina-lan-brand-hover);--color-lan-neutral-hover:var(--ina-lan-neutral-hover)}
@@ -0,0 +1 @@
1
+ @theme{--color-primary-25:var(--ina-primary-25);--color-primary-50:var(--ina-primary-50);--color-primary-100:var(--ina-primary-100);--color-primary-200:var(--ina-primary-200);--color-primary-300:var(--ina-primary-300);--color-primary-400:var(--ina-primary-400);--color-primary-500:var(--ina-primary-500);--color-primary-600:var(--ina-primary-600);--color-primary-700:var(--ina-primary-700);--color-primary-800:var(--ina-primary-800);--color-primary-900:var(--ina-primary-900);--color-primary-primary:var(--ina-primary-primary);--color-secondary-25:var(--ina-secondary-25);--color-secondary-50:var(--ina-secondary-50);--color-secondary-100:var(--ina-secondary-100);--color-secondary-200:var(--ina-secondary-200);--color-secondary-300:var(--ina-secondary-300);--color-secondary-400:var(--ina-secondary-400);--color-secondary-500:var(--ina-secondary-500);--color-secondary-600:var(--ina-secondary-600);--color-secondary-700:var(--ina-secondary-700);--color-secondary-800:var(--ina-secondary-800);--color-secondary-900:var(--ina-secondary-900);--color-accent-yellow:var(--ina-accent-yellow)}
package/package.json CHANGED
@@ -1,38 +1,48 @@
1
1
  {
2
2
  "name": "@idds/styles",
3
- "version": "1.2.11",
3
+ "version": "1.2.13",
4
4
  "description": "Shared CSS styles and colors for INA Digital Design System",
5
5
  "type": "module",
6
- "main": "./src/index.css",
6
+ "main": "./dist/index.css",
7
7
  "publishConfig": {
8
8
  "access": "public"
9
9
  },
10
10
  "exports": {
11
- ".": "./src/index.css",
12
- "./colors": "./src/colors/index.css",
13
- "./colors/*": "./src/colors/*.css",
14
- "./components/*": "./src/components/*.css",
11
+ ".": "./dist/index.css",
12
+ "./index": "./dist/index.css",
13
+ "./index.min": "./dist/index.min.css",
14
+ "./base": "./dist/base.css",
15
+ "./base.min": "./dist/base.min.css",
15
16
  "./tailwind/ts/*": {
16
- "import": "./src/tailwind/ts/*.ts",
17
- "require": "./src/tailwind/ts/*.ts",
18
- "types": "./src/tailwind/ts/*.ts"
17
+ "import": "./dist/tailwind/ts/*.ts",
18
+ "require": "./dist/tailwind/ts/*.ts",
19
+ "types": "./dist/tailwind/ts/*.ts"
19
20
  },
20
- "./tailwind/css/idds.css": "./src/tailwind/css/idds.css",
21
- "./tailwind/css/pan-rb.css": "./src/tailwind/css/pan-rb.css",
22
- "./tailwind/css/inagov.css": "./src/tailwind/css/inagov.css",
23
- "./tailwind/css/inaku.css": "./src/tailwind/css/inaku.css",
24
- "./tailwind/css/inapas.css": "./src/tailwind/css/inapas.css",
25
- "./tailwind/css/bgn.css": "./src/tailwind/css/bgn.css",
26
- "./tailwind/css/bkn.css": "./src/tailwind/css/bkn.css",
27
- "./tailwind/css/lan.css": "./src/tailwind/css/lan.css"
21
+ "./tailwind/css/idds.css": "./dist/tailwind/css/idds.css",
22
+ "./tailwind/css/idds.min.css": "./dist/tailwind/css/idds.min.css",
23
+ "./tailwind/css/pan-rb.css": "./dist/tailwind/css/pan-rb.css",
24
+ "./tailwind/css/pan-rb.min.css": "./dist/tailwind/css/pan-rb.min.css",
25
+ "./tailwind/css/inagov.css": "./dist/tailwind/css/inagov.css",
26
+ "./tailwind/css/inagov.min.css": "./dist/tailwind/css/inagov.min.css",
27
+ "./tailwind/css/inaku.css": "./dist/tailwind/css/inaku.css",
28
+ "./tailwind/css/inaku.min.css": "./dist/tailwind/css/inaku.min.css",
29
+ "./tailwind/css/inapas.css": "./dist/tailwind/css/inapas.css",
30
+ "./tailwind/css/inapas.min.css": "./dist/tailwind/css/inapas.min.css",
31
+ "./tailwind/css/bgn.css": "./dist/tailwind/css/bgn.css",
32
+ "./tailwind/css/bgn.min.css": "./dist/tailwind/css/bgn.min.css",
33
+ "./tailwind/css/bkn.css": "./dist/tailwind/css/bkn.css",
34
+ "./tailwind/css/bkn.min.css": "./dist/tailwind/css/bkn.min.css",
35
+ "./tailwind/css/lan.css": "./dist/tailwind/css/lan.css",
36
+ "./tailwind/css/lan.min.css": "./dist/tailwind/css/lan.min.css"
28
37
  },
29
38
  "scripts": {
30
- "build:postcss:min": "postcss src/index.css -o dist/index.min.css",
31
- "build:min": "npm run build:postcss:min",
32
- "prepublishOnly": "echo 'Preparing package for publish...'"
39
+ "build": "node scripts/build.js",
40
+ "build:watch": "node scripts/build.js --watch",
41
+ "clean": "rm -rf dist",
42
+ "prepublishOnly": "npm run build"
33
43
  },
34
44
  "files": [
35
- "src",
45
+ "dist",
36
46
  "README.md"
37
47
  ],
38
48
  "keywords": [
@@ -1,30 +0,0 @@
1
- /* BGN Theme - Banking & Financial Services */
2
- [data-brand='bgn'] {
3
- /* Primary Colors - Navy Blue theme */
4
- --ina-primary-50: #eff6ff;
5
- --ina-primary-100: #dbeafe;
6
- --ina-primary-200: #bfdbfe;
7
- --ina-primary-300: #93c5fd;
8
- --ina-primary-400: #60a5fa;
9
- --ina-primary-500: #3b82f6;
10
- --ina-primary-600: #2563eb;
11
- --ina-primary-700: #1d4ed8;
12
- --ina-primary-800: #1e40af;
13
- --ina-primary-900: #1e3a8a;
14
- --ina-primary-primary: #005494;
15
-
16
- /* Brand-specific colors */
17
- --ina-bgn-brand-primary: #005494 !important;
18
- --ina-bgn-stroke-primary: #ededed !important;
19
- --ina-background-tertiary: #f5f5f5 !important;
20
-
21
- /* Sentiment colors */
22
- --ina-sentiment-info-400: #528aff !important;
23
- --ina-sentiment-info-500: #2871ff !important;
24
- --ina-sentiment-positive-500: #12b76a !important;
25
- --ina-sentiment-warning-500: #f79009 !important;
26
-
27
- /* Accent colors */
28
- --ina-accent-coral-orange: #ff7b5a !important;
29
- --ina-accent-yellow: #ffcb00 !important;
30
- }
@@ -1,33 +0,0 @@
1
- /* BKN Theme - Badan Kepegawaian Negara */
2
- [data-brand='bkn'] {
3
- /* Primary Colors - Pink/Red theme */
4
- --ina-primary-25: #fdf2f7;
5
- --ina-primary-50: #fde6f1;
6
- --ina-primary-100: #fdcde3;
7
- --ina-primary-200: #fca5cb;
8
- --ina-primary-300: #f96da7;
9
- --ina-primary-400: #f24286;
10
- --ina-primary-500: #de1d5e;
11
- --ina-primary-600: #c41249;
12
- --ina-primary-700: #a2123c;
13
- --ina-primary-800: #871436;
14
- --ina-primary-900: #53041a;
15
- --ina-primary-primary: #de1d5e;
16
-
17
- /* Secondary Colors - Blue theme */
18
- --ina-secondary-25: #f2f9fd;
19
- --ina-secondary-50: #e3f0fb;
20
- --ina-secondary-100: #c1e3f6;
21
- --ina-secondary-200: #8accef;
22
- --ina-secondary-300: #4cb2e4;
23
- --ina-secondary-400: #269dd8;
24
- --ina-secondary-500: #177ab2;
25
- --ina-secondary-600: #146190;
26
- --ina-secondary-700: #145378;
27
- --ina-secondary-800: #164564;
28
- --ina-secondary-900: #0f2d42;
29
-
30
- /* Interactive Colors */
31
- --ina-bkn-brand-hover: #c41249 !important;
32
- --ina-bkn-neutral-hover: #fafafa !important;
33
- }
@@ -1,40 +0,0 @@
1
- /* InaGov Theme - Government Services */
2
- [data-brand='inagov'] {
3
- /* Primary Colors - Government Blue theme (Figma InaGov) */
4
- --ina-primary-25: #f6f9ff;
5
- --ina-primary-50: #eff5fd;
6
- --ina-primary-100: #c0d7f9;
7
- --ina-primary-200: #a1c4f5;
8
- --ina-primary-300: #629cef;
9
- --ina-primary-400: #196bcd;
10
- --ina-primary-500: #0956c3;
11
- --ina-primary-600: #0a489f;
12
- --ina-primary-700: #083575;
13
- --ina-primary-800: #022a5b;
14
- --ina-primary-900: #041225;
15
- --ina-primary-primary: #629cef;
16
-
17
- /* Secondary Colors - Orange/Peach theme */
18
- --ina-secondary-25: #ffffff;
19
- --ina-secondary-50: #ffffff;
20
- --ina-secondary-100: #ffffff;
21
- --ina-secondary-200: #fff5ee;
22
- --ina-secondary-300: #ffe8cc;
23
- --ina-secondary-400: #ffd2a6;
24
- --ina-secondary-500: #edb98a;
25
- --ina-secondary-600: #d39663;
26
- --ina-secondary-700: #cc1515;
27
-
28
- /* Accent Colors - Orange theme (Legacy - kept for backward compatibility) */
29
- --ina-accent-100: #ffffff !important;
30
- --ina-accent-200: #fff5ee !important;
31
- --ina-accent-300: #ffe8cc !important;
32
- --ina-accent-400: #ffd2a6 !important;
33
- --ina-accent-500: #edb98a !important;
34
- --ina-accent-600: #d39663 !important;
35
- --ina-accent-700: #cc1515 !important;
36
-
37
- /* Interactive Colors */
38
- --ina-brand-hover: #588cd7 !important;
39
- --ina-neutral-hover: #edeff5 !important;
40
- }
@@ -1,29 +0,0 @@
1
- /* InaKu Theme - Citizen Services */
2
- [data-brand='inaku'] {
3
- /* Primary Colors - Citizen Dark Blue theme (Figma InaKu) */
4
- --ina-primary-25: #e8f1fc;
5
- --ina-primary-50: #d9e9f9;
6
- --ina-primary-100: #abd1ff;
7
- --ina-primary-200: #629cef;
8
- --ina-primary-300: #3a78c1;
9
- --ina-primary-400: #194472;
10
- --ina-primary-500: #06264d;
11
- --ina-primary-600: #041d35;
12
- --ina-primary-700: #020f1f;
13
- --ina-primary-800: #020b17;
14
- --ina-primary-900: #01080f;
15
- --ina-primary-primary: #06264d;
16
-
17
- /* Accent Colors - Gray Blue theme */
18
- --ina-accent-100: #ffffff !important;
19
- --ina-accent-200: #6a7d94 !important;
20
- --ina-accent-300: #06264d !important;
21
- --ina-accent-400: #051c3a !important;
22
- --ina-accent-500: #031327 !important;
23
- --ina-accent-600: #000000 !important;
24
- --ina-accent-700: #6a7d94 !important;
25
-
26
- /* Interactive Colors */
27
- --ina-inaku-brand-hover: #b81313 !important;
28
- --ina-inaku-neutral-hover: #fafafa !important;
29
- }
@@ -1,29 +0,0 @@
1
- /* InaPas Theme - Passport & Immigration Services */
2
- [data-brand='inapas'] {
3
- /* Primary Colors - Red/Coral theme (Figma InaPas) */
4
- --ina-primary-25: #fef2f2;
5
- --ina-primary-50: #f9dcdc;
6
- --ina-primary-100: #f9cdc7;
7
- --ina-primary-200: #ffa194;
8
- --ina-primary-300: #ff5f42;
9
- --ina-primary-400: #e8422d;
10
- --ina-primary-500: #cc1515;
11
- --ina-primary-600: #a00000;
12
- --ina-primary-700: #680000;
13
- --ina-primary-800: #290404;
14
- --ina-primary-900: #140202;
15
- --ina-primary-primary: #cc1515;
16
-
17
- /* Accent Colors - Green theme */
18
- --ina-accent-100: #f6fef9 !important;
19
- --ina-accent-200: #ecfef3 !important;
20
- --ina-accent-300: #d1fadf !important;
21
- --ina-accent-400: #a6f4c5 !important;
22
- --ina-accent-500: #12b76a !important;
23
- --ina-accent-600: #039855 !important;
24
- --ina-accent-700: #027a48 !important;
25
-
26
- /* Interactive Colors */
27
- --ina-inapas-brand-hover: #155eef !important;
28
- --ina-inapas-neutral-hover: #f9fafb !important;
29
- }
@@ -1,39 +0,0 @@
1
- /* LAN Theme - Local Area Network */
2
- [data-brand='lan'] {
3
- /* Primary Colors - Blue theme */
4
- --ina-primary-25: #f3f6fc;
5
- --ina-primary-50: #e5edf9;
6
- --ina-primary-100: #c6daf1;
7
- --ina-primary-200: #94bde5;
8
- --ina-primary-300: #5b9bd5;
9
- --ina-primary-400: #3781c7;
10
- --ina-primary-500: #2663a3;
11
- --ina-primary-600: #1f4f85;
12
- --ina-primary-700: #1e446e;
13
- --ina-primary-800: #1e3a5c;
14
- --ina-primary-900: #14263d;
15
- --ina-primary-primary: #2663a3;
16
-
17
- /* Secondary Colors - Yellow/Orange theme */
18
- --ina-secondary-25: #fffdeb;
19
- --ina-secondary-50: #fdf9c8;
20
- --ina-secondary-100: #fbf38c;
21
- --ina-secondary-200: #f9e650;
22
- --ina-secondary-300: #f7d628;
23
- --ina-secondary-400: #f2bd1d;
24
- --ina-secondary-500: #d69009;
25
- --ina-secondary-600: #b1670c;
26
- --ina-secondary-700: #905110;
27
- --ina-secondary-800: #764111;
28
- --ina-secondary-900: #442204;
29
-
30
- /* Accent Colors */
31
- --ina-accent-red: #a40f0a;
32
- --ina-accent-green: #1cbd19;
33
- --ina-accent-blue: #0a35c0;
34
- --ina-accent-orange: #f08519;
35
-
36
- /* Interactive Colors */
37
- --ina-lan-brand-hover: #1f4f85 !important;
38
- --ina-lan-neutral-hover: #fafafa !important;
39
- }
@@ -1,31 +0,0 @@
1
- /* PAN-RB Theme*/
2
- [data-brand='pan-rb'] {
3
- /* Primary Colors - Red/Maroon theme */
4
- --ina-primary-25: #fdf3f3;
5
- --ina-primary-50: #fce4e4;
6
- --ina-primary-100: #facecf;
7
- --ina-primary-200: #f5acad;
8
- --ina-primary-300: #ed7c7e;
9
- --ina-primary-400: #e15254;
10
- --ina-primary-500: #cd3537;
11
- --ina-primary-600: #b42b2d;
12
- --ina-primary-700: #8f2527;
13
- --ina-primary-800: #772526;
14
- --ina-primary-900: #400f10;
15
- --ina-primary-primary: #b42b2d;
16
-
17
- /* Secondary Colors - Grey/Purple-brown theme */
18
- --ina-secondary-25: #f8f7f8;
19
- --ina-secondary-50: #f0eeee;
20
- --ina-secondary-100: #ded9da;
21
- --ina-secondary-200: #c1b8bb;
22
- --ina-secondary-300: #9f9196;
23
- --ina-secondary-400: #847379;
24
- --ina-secondary-500: #6c5d62;
25
- --ina-secondary-600: #584c50;
26
- --ina-secondary-700: #4b4144;
27
- --ina-secondary-800: #41393b;
28
- --ina-secondary-900: #231f20;
29
-
30
- --ina-accent-yellow: #f2c548;
31
- }
@@ -1,11 +0,0 @@
1
- @import './primitives/index.css';
2
- @import './utilities/index.css';
3
- /* Import brand-specific theme files - MUST be at the top */
4
- @import './brands/inapas.css';
5
- @import './brands/inagov.css';
6
- @import './brands/inaku.css';
7
- @import './brands/bgn.css';
8
- @import './brands/bkn.css';
9
- @import './brands/lan.css';
10
- @import './brands/pan-rb.css';
11
- @import './product/index.css';
@@ -1,175 +0,0 @@
1
- :root {
2
- /* Neutral Colors */
3
- --ina-neutral-25: #ffffff;
4
- --ina-neutral-50: #f8f8f7;
5
- --ina-neutral-100: #f5f5f5;
6
- --ina-neutral-200: #e5e5e5;
7
- --ina-neutral-300: #d4d4d4;
8
- --ina-neutral-400: #a3a3a3;
9
- --ina-neutral-500: #737373;
10
- --ina-neutral-600: #525252;
11
- --ina-neutral-700: #404040;
12
- --ina-neutral-800: #1f1f1f;
13
- --ina-neutral-900: #141414;
14
- --ina-neutral-1000: #050505;
15
-
16
- --ina-primary-25: #ffffff;
17
- --ina-primary-50: #f8f8f7;
18
- --ina-primary-100: #f5f5f5;
19
- --ina-primary-200: #e5e5e5;
20
- --ina-primary-300: #d4d4d4;
21
- --ina-primary-400: #a3a3a3;
22
- --ina-primary-500: #737373;
23
- --ina-primary-600: #525252;
24
- --ina-primary-700: #404040;
25
- --ina-primary-800: #1f1f1f;
26
- --ina-primary-900: #141414;
27
- --ina-primary-primary: #141414;
28
-
29
- --ina-secondary-25: #f2f9fd;
30
- --ina-secondary-50: #e3f0fb;
31
- --ina-secondary-100: #c1e3f6;
32
- --ina-secondary-200: #8accef;
33
- --ina-secondary-300: #4cb2e4;
34
- --ina-secondary-400: #269dd8;
35
- --ina-secondary-500: #177ab2;
36
- --ina-secondary-600: #146190;
37
- --ina-secondary-700: #145378;
38
- --ina-secondary-800: #164564;
39
- --ina-secondary-900: #0f2d42;
40
-
41
- /* Blue Colors */
42
- --ina-blue-50: #fafcff;
43
- --ina-blue-100: #ebf3ff;
44
- --ina-blue-200: #d2e4fe;
45
- --ina-blue-300: #84b4fb;
46
- --ina-blue-400: #4d93fc;
47
- --ina-blue-500: #0968f6;
48
- --ina-blue-600: #004ab8;
49
- --ina-blue-700: #002a69;
50
- --ina-blue-800: #0a2142;
51
- --ina-blue-900: #031530;
52
-
53
- /* Cyan Colors */
54
- --ina-cyan-50: #fafeff;
55
- --ina-cyan-100: #ebfaff;
56
- --ina-cyan-200: #d2f3fe;
57
- --ina-cyan-300: #83defc;
58
- --ina-cyan-400: #51d0fb;
59
- --ina-cyan-500: #09bbf6;
60
- --ina-cyan-600: #008bb9;
61
- --ina-cyan-700: #00506b;
62
- --ina-cyan-800: #0a3442;
63
- --ina-cyan-900: #032530;
64
-
65
- /* Green Colors */
66
- --ina-green-50: #fafffb;
67
- --ina-green-100: #ebffef;
68
- --ina-green-200: #d2fedb;
69
- --ina-green-300: #83fc9b;
70
- --ina-green-400: #51fb73;
71
- --ina-green-500: #09f638;
72
- --ina-green-600: #00b925;
73
- --ina-green-700: #006b15;
74
- --ina-green-800: #0a4215;
75
- --ina-green-900: #03300c;
76
-
77
- /* Lime Colors */
78
- --ina-lime-50: #fdfffa;
79
- --ina-lime-100: #f7ffeb;
80
- --ina-lime-200: #ecfed2;
81
- --ina-lime-300: #ccfc83;
82
- --ina-lime-400: #b7fb51;
83
- --ina-lime-500: #97f609;
84
- --ina-lime-600: #6fb900;
85
- --ina-lime-700: #406b00;
86
- --ina-lime-800: #2c420a;
87
- --ina-lime-900: #1e3003;
88
-
89
- /* Yellow Colors */
90
- --ina-yellow-50: #fffefa;
91
- --ina-yellow-100: #fffdeb;
92
- --ina-yellow-200: #fef9d2;
93
- --ina-yellow-300: #fcee83;
94
- --ina-yellow-400: #fbe751;
95
- --ina-yellow-500: #f6da09;
96
- --ina-yellow-600: #b9a300;
97
- --ina-yellow-700: #6b5f00;
98
- --ina-yellow-800: #423c0a;
99
- --ina-yellow-900: #302b03;
100
-
101
- /* Orange Colors */
102
- --ina-orange-50: #fffdfa;
103
- --ina-orange-100: #fff3eb;
104
- --ina-orange-200: #fee4d2;
105
- --ina-orange-300: #fcb583;
106
- --ina-orange-400: #fc974f;
107
- --ina-orange-500: #f66a09;
108
- --ina-orange-600: #b84d00;
109
- --ina-orange-700: #6b2d00;
110
- --ina-orange-800: #42210a;
111
- --ina-orange-900: #301603;
112
-
113
- /* Red Colors */
114
- --ina-red-50: #fffafa;
115
- --ina-red-100: #ffebeb;
116
- --ina-red-200: #fed2d2;
117
- --ina-red-300: #fb8383;
118
- --ina-red-400: #fc4f4f;
119
- --ina-red-500: #f60909;
120
- --ina-red-600: #b80000;
121
- --ina-red-700: #6b0000;
122
- --ina-red-800: #420a0a;
123
- --ina-red-900: #300303;
124
-
125
- /* Pink Colors */
126
- --ina-pink-50: #fffafd;
127
- --ina-pink-100: #ffebf8;
128
- --ina-pink-200: #fed2ef;
129
- --ina-pink-300: #fc83d3;
130
- --ina-pink-400: #fb51c2;
131
- --ina-pink-500: #f609a7;
132
- --ina-pink-600: #b9007b;
133
- --ina-pink-700: #6b0047;
134
- --ina-pink-800: #420a2f;
135
- --ina-pink-900: #300321;
136
-
137
- /* Magenta Colors */
138
- --ina-magenta-50: #fefaff;
139
- --ina-magenta-100: #fbebff;
140
- --ina-magenta-200: #f5d2fe;
141
- --ina-magenta-300: #e483fc;
142
- --ina-magenta-400: #d951fb;
143
- --ina-magenta-500: #c709f6;
144
- --ina-magenta-600: #9400b9;
145
- --ina-magenta-700: #56006b;
146
- --ina-magenta-800: #370a42;
147
- --ina-magenta-900: #270330;
148
-
149
- /* Purple Colors */
150
- --ina-purple-50: #fdfaff;
151
- --ina-purple-100: #f7ebff;
152
- --ina-purple-200: #ecd2fe;
153
- --ina-purple-300: #cc83fc;
154
- --ina-purple-400: #b751fb;
155
- --ina-purple-500: #9709f6;
156
- --ina-purple-600: #6f00b9;
157
- --ina-purple-700: #40006b;
158
- --ina-purple-800: #2c0a42;
159
- --ina-purple-900: #1e0330;
160
-
161
- /* Indigo Colors */
162
- --ina-indigo-50: #fafaff;
163
- --ina-indigo-100: #ebeaff;
164
- --ina-indigo-200: #d2d3fe;
165
- --ina-indigo-300: #8387fc;
166
- --ina-indigo-400: #5157fb;
167
- --ina-indigo-500: #0911f6;
168
- --ina-indigo-600: #0006b9;
169
- --ina-indigo-700: #00046b;
170
- --ina-indigo-800: #0a0c42;
171
- --ina-indigo-900: #030630;
172
-
173
- /* overlay */
174
- --ina-overlay: #1f1f1f7a;
175
- }