bianic-ui 1.0.0-beta.2 → 1.0.0-beta.21

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 (52) hide show
  1. package/dist/cjs/index.js +188 -843
  2. package/dist/cjs/lib.css +1 -1
  3. package/dist/cjs/types/components/Button/Button.d.ts +12 -0
  4. package/dist/cjs/types/components/Button/configs.d.ts +0 -6
  5. package/dist/cjs/types/components/Button/index.d.ts +5 -1
  6. package/dist/cjs/types/components/Dump/Dump.d.ts +3 -0
  7. package/dist/cjs/types/components/Dump/index.d.ts +1 -0
  8. package/dist/cjs/types/components/Forms/Checkbox.d.ts +7 -0
  9. package/dist/cjs/types/components/Forms/LiveSearch.d.ts +13 -0
  10. package/dist/cjs/types/components/Forms/Radio.d.ts +8 -0
  11. package/dist/cjs/types/components/Forms/SelectInput.d.ts +13 -0
  12. package/dist/cjs/types/components/Forms/TextArea.d.ts +10 -0
  13. package/dist/cjs/types/components/Forms/TextInput.d.ts +14 -0
  14. package/dist/cjs/types/components/Forms/Toggle.d.ts +8 -0
  15. package/dist/cjs/types/components/Modal/ModalBody.d.ts +10 -0
  16. package/dist/cjs/types/components/Modal/ModalFooter.d.ts +7 -0
  17. package/dist/cjs/types/components/Modal/index.d.ts +3 -0
  18. package/dist/cjs/types/components/Tag/TagLabel.d.ts +14 -0
  19. package/dist/cjs/types/components/Tag/index.d.ts +1 -0
  20. package/dist/cjs/types/components/TagLabel/TagLabelBlockSimulation.d.ts +15 -0
  21. package/dist/cjs/types/components/TagLabel/configs.d.ts +35 -651
  22. package/dist/cjs/types/components/TagLabel/index.d.ts +21 -7
  23. package/dist/cjs/types/components/Typography/Text.d.ts +7 -0
  24. package/dist/cjs/types/utility/helper.d.ts +3 -0
  25. package/dist/esm/index.js +188 -843
  26. package/dist/esm/lib.css +1 -1
  27. package/dist/esm/types/components/Button/Button.d.ts +12 -0
  28. package/dist/esm/types/components/Button/configs.d.ts +0 -6
  29. package/dist/esm/types/components/Button/index.d.ts +5 -1
  30. package/dist/esm/types/components/Dump/Dump.d.ts +3 -0
  31. package/dist/esm/types/components/Dump/index.d.ts +1 -0
  32. package/dist/esm/types/components/Forms/Checkbox.d.ts +7 -0
  33. package/dist/esm/types/components/Forms/LiveSearch.d.ts +13 -0
  34. package/dist/esm/types/components/Forms/Radio.d.ts +8 -0
  35. package/dist/esm/types/components/Forms/SelectInput.d.ts +13 -0
  36. package/dist/esm/types/components/Forms/TextArea.d.ts +10 -0
  37. package/dist/esm/types/components/Forms/TextInput.d.ts +14 -0
  38. package/dist/esm/types/components/Forms/Toggle.d.ts +8 -0
  39. package/dist/esm/types/components/Modal/ModalBody.d.ts +10 -0
  40. package/dist/esm/types/components/Modal/ModalFooter.d.ts +7 -0
  41. package/dist/esm/types/components/Modal/index.d.ts +3 -0
  42. package/dist/esm/types/components/Tag/TagLabel.d.ts +14 -0
  43. package/dist/esm/types/components/Tag/index.d.ts +1 -0
  44. package/dist/esm/types/components/TagLabel/TagLabelBlockSimulation.d.ts +15 -0
  45. package/dist/esm/types/components/TagLabel/configs.d.ts +35 -651
  46. package/dist/esm/types/components/TagLabel/index.d.ts +21 -7
  47. package/dist/esm/types/components/Typography/Text.d.ts +7 -0
  48. package/dist/esm/types/utility/helper.d.ts +3 -0
  49. package/dist/index.d.ts +126 -569
  50. package/package.json +1 -1
  51. package/src/style/color.css +12 -0
  52. package/tailwind.config.js +21 -0
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "@biaenergi:registry": "https://gitlab.com/api/v4/projects/50905269/packages/npm/"
5
5
  },
6
- "version": "1.0.0-beta.2",
6
+ "version": "1.0.0-beta.21",
7
7
  "description": "Design Language System develop by BIAENERGI",
8
8
  "scripts": {
9
9
  "rollup": "rollup -c",
package/src/style/color.css CHANGED
@@ -17,6 +17,18 @@
17
17
  --black-transparent-75: color-mix(in srgb, var(--primary-black), var(--transparent) 75%);
18
18
  --black-transparent-80: color-mix(in srgb, var(--primary-black), var(--transparent) 80%);
19
19
  --black-transparent-90: color-mix(in srgb, var(--primary-black), var(--transparent) 90%);
20
+
21
+ /* white */
22
+ --white-transparent-10: color-mix(in srgb, var(--primary-white), var(--transparent) 10%);
23
+ --white-transparent-20: color-mix(in srgb, var(--primary-white), var(--transparent) 20%);
24
+ --white-transparent-30: color-mix(in srgb, var(--primary-white), var(--transparent) 30%);
25
+ --white-transparent-40: color-mix(in srgb, var(--primary-white), var(--transparent) 40%);
26
+ --white-transparent-50: color-mix(in srgb, var(--primary-white), var(--transparent) 50%);
27
+ --white-transparent-60: color-mix(in srgb, var(--primary-white), var(--transparent) 60%);
28
+ --white-transparent-70: color-mix(in srgb, var(--primary-white), var(--transparent) 70%);
29
+ --white-transparent-75: color-mix(in srgb, var(--primary-white), var(--transparent) 75%);
30
+ --white-transparent-80: color-mix(in srgb, var(--primary-white), var(--transparent) 80%);
31
+ --white-transparent-90: color-mix(in srgb, var(--primary-white), var(--transparent) 90%);
20
32
 
21
33
  /* red */
22
34
  --secondary-red: #DB2828;
package/tailwind.config.js CHANGED
@@ -3,6 +3,11 @@ const colors = require('tailwindcss/colors');
3
3
 
4
4
  module.exports = {
5
5
  content: ['./src/**/*.{js,ts,jsx,tsx}', './dist/**/*.{js,ts,jsx,tsx}'],
6
+ safelist: [
7
+ { pattern: /^bg-/ }, // Memastikan semua class background tetap ada
8
+ { pattern: /^text-/ }, // Memastikan semua class text tetap ada
9
+ { pattern: /^border-/ }, // Memastikan semua border tetap ada
10
+ ],
6
11
  theme: {
7
12
  colors: {
8
13
  transparent: 'transparent',
@@ -16,7 +21,23 @@ module.exports = {
16
21
  indigo: colors.indigo,
17
22
  yellow: colors.yellow,
18
23
  red: colors.red,
24
+ 'bia-white': {
25
+ DEFAULT: '#ffffff',
26
+ transparent: {
27
+ 10: 'var(--white-transparent-10)',
28
+ 20: 'var(--white-transparent-20)',
29
+ 30: 'var(--white-transparent-30)',
30
+ 40: 'var(--white-transparent-40)',
31
+ 50: 'var(--white-transparent-50)',
32
+ 60: 'var(--white-transparent-60)',
33
+ 70: 'var(--white-transparent-70)',
34
+ 75: 'var(--white-transparent-75)',
35
+ 80: 'var(--white-transparent-80)',
36
+ 90: 'var(--white-transparent-90)',
37
+ },
38
+ },
19
39
  'bia-black': {
40
+ DEFAULT: '#2f2f2f',
20
41
  transparent: {
21
42
  10: 'var(--black-transparent-10)',
22
43
  20: 'var(--black-transparent-20)',