@ztwoint/z-ui 0.1.46 → 0.1.49

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 (136) hide show
  1. package/dist/components/alert/alert.const.d.ts +0 -3
  2. package/dist/components/alert/alert.const.js +16 -31
  3. package/dist/components/alert/alert.js +32 -44
  4. package/dist/components/assets/icons/check.d.ts +8 -0
  5. package/dist/components/assets/icons/check.js +17 -0
  6. package/dist/components/assets/icons/x-mark.d.ts +8 -0
  7. package/dist/components/assets/icons/x-mark.js +17 -0
  8. package/dist/components/button/button.d.ts +3 -3
  9. package/dist/components/button/button.js +58 -58
  10. package/dist/components/collapsible-side-nav-bar/side-nav-bar-header.js +17 -17
  11. package/dist/components/nav-header/nav-item/nav-item.d.ts +4 -2
  12. package/dist/components/nav-header/nav-item/nav-item.js +29 -28
  13. package/dist/components/select/z2-select.js +131 -78
  14. package/dist/components/table/components/cell/avatar-cell.d.ts +15 -0
  15. package/dist/components/table/components/cell/avatar-cell.js +74 -0
  16. package/dist/components/table/components/cell/boolean-cell.d.ts +1 -2
  17. package/dist/components/table/components/cell/boolean-cell.js +5 -5
  18. package/dist/components/table/components/cell/description-cell.d.ts +7 -0
  19. package/dist/components/table/components/cell/description-cell.js +16 -0
  20. package/dist/components/table/components/cell/index.d.ts +10 -1
  21. package/dist/components/table/components/cell/label-cell.d.ts +10 -0
  22. package/dist/components/table/components/cell/label-cell.js +47 -0
  23. package/dist/components/table/components/cell/link-cell.d.ts +10 -0
  24. package/dist/components/table/components/cell/link-cell.js +35 -0
  25. package/dist/components/table/components/cell/number-cell.d.ts +5 -3
  26. package/dist/components/table/components/cell/number-cell.js +40 -3
  27. package/dist/components/table/components/index.d.ts +1 -1
  28. package/dist/components/table/components/table-cell.d.ts +1 -1
  29. package/dist/components/table/components/table-cell.js +41 -32
  30. package/dist/components/table/components/table-filter/close-filter-confirm/filter-confirmation-dialog.d.ts +10 -0
  31. package/dist/components/table/components/table-filter/close-filter-confirm/filter-confirmation-dialog.js +33 -0
  32. package/dist/components/table/components/table-filter/close-filter-confirm/filter-confirmation-dialog.utils.d.ts +13 -0
  33. package/dist/components/table/components/table-filter/close-filter-confirm/filter-confirmation-dialog.utils.js +20 -0
  34. package/dist/components/table/components/table-filter/filters/boolean.js +52 -44
  35. package/dist/components/table/components/table-filter/selected-filters-display/selected-filters-display.utils.js +16 -16
  36. package/dist/components/table/components/table-filter/table-filter-button.js +88 -57
  37. package/dist/components/table/components/table-filter/table-filter-column-button.js +81 -51
  38. package/dist/components/table/components/table-filter/table-filter.context.d.ts +1 -0
  39. package/dist/components/table/components/table-filter/table-filter.hook.d.ts +1 -0
  40. package/dist/components/table/components/table-filter/table-filter.hook.js +17 -14
  41. package/dist/components/table/components/table-footer.js +6 -6
  42. package/dist/components/table/components/table-header/stories/basic-header.d.ts +1 -1
  43. package/dist/components/table/components/table-header/table-header.js +27 -33
  44. package/dist/components/table/index.d.ts +1 -1
  45. package/dist/components/table/table-provider.js +37 -8
  46. package/dist/components/table/table.const.d.ts +15 -9
  47. package/dist/components/table/table.const.js +15 -9
  48. package/dist/components/table/table.js +39 -34
  49. package/dist/components/table/table.type.d.ts +36 -5
  50. package/dist/components/table/table.utils.d.ts +1 -1
  51. package/dist/components/table/table.utils.js +5 -3
  52. package/dist/components/table-card/table-card.js +116 -89
  53. package/dist/components/tooltip/tooltip.js +24 -22
  54. package/dist/css/config/colors/backgrounds.css +8 -8
  55. package/dist/css/config/colors/components/avatar.css +12 -12
  56. package/dist/css/config/colors/components/badge.css +42 -42
  57. package/dist/css/config/colors/components/checkbox.css +2 -2
  58. package/dist/css/config/colors/components/featured-icon.css +18 -18
  59. package/dist/css/config/colors/components/progress-bar.css +2 -2
  60. package/dist/css/config/colors/components/radio-button.css +2 -2
  61. package/dist/css/config/colors/components/scroll-overlay.css +4 -4
  62. package/dist/css/config/colors/components/tab.css +7 -7
  63. package/dist/css/config/colors/components/toggle-switch.css +1 -1
  64. package/dist/css/config/colors/components/toggle.css +6 -6
  65. package/dist/css/config/colors/icons.css +20 -20
  66. package/dist/css/config/colors/overlay.css +1 -1
  67. package/dist/css/config/colors/semantic/alert.css +44 -0
  68. package/dist/css/config/colors/semantic/background.css +51 -0
  69. package/dist/css/config/colors/semantic/base.css +395 -0
  70. package/dist/css/config/colors/semantic/button.css +131 -0
  71. package/dist/css/config/colors/semantic/drop-shadow.css +30 -0
  72. package/dist/css/config/colors/semantic/dropdown.css +12 -0
  73. package/dist/css/config/colors/semantic/index.css +16 -0
  74. package/dist/css/config/colors/semantic/input.css +56 -0
  75. package/dist/css/config/colors/semantic/overlay.css +13 -0
  76. package/dist/css/config/colors/semantic/stroke.css +90 -0
  77. package/dist/css/config/colors/semantic/surface.css +135 -0
  78. package/dist/css/config/colors/semantic/text.css +113 -0
  79. package/dist/css/config/colors/semantic/tooltip.css +12 -0
  80. package/dist/css/config/colors/shape.css +40 -40
  81. package/dist/css/config/colors/stroke.css +19 -19
  82. package/dist/css/config/colors/surfaces.css +47 -47
  83. package/dist/css/config/colors/text.css +37 -37
  84. package/dist/css/config/components/index.css +0 -2
  85. package/dist/css/config/config-deprecated.css +3 -5
  86. package/dist/css/config/config.css +5 -3
  87. package/dist/css/config/other-variables.css +9 -0
  88. package/dist/css/config/shadows.css +15 -0
  89. package/dist/css/config/typography/2xl.css +7 -14
  90. package/dist/css/config/typography/3xl.css +7 -14
  91. package/dist/css/config/typography/4xl.css +7 -14
  92. package/dist/css/config/typography/base.css +7 -14
  93. package/dist/css/config/typography/lg.css +7 -14
  94. package/dist/css/config/typography/sm.css +7 -14
  95. package/dist/css/config/typography/xl.css +7 -14
  96. package/dist/css/config/typography/xs.css +7 -14
  97. package/dist/css/styles/tailwind.css +1 -1
  98. package/dist/index.js +62 -64
  99. package/dist/types/components/alert/alert.const.d.ts +0 -3
  100. package/dist/types/components/assets/icons/check.d.ts +8 -0
  101. package/dist/types/components/assets/icons/x-mark.d.ts +8 -0
  102. package/dist/types/components/button/button.d.ts +3 -3
  103. package/dist/types/components/nav-header/nav-item/nav-item.d.ts +4 -2
  104. package/dist/types/components/table/components/cell/avatar-cell.d.ts +15 -0
  105. package/dist/types/components/table/components/cell/boolean-cell.d.ts +1 -2
  106. package/dist/types/components/table/components/cell/description-cell.d.ts +7 -0
  107. package/dist/types/components/table/components/cell/index.d.ts +10 -1
  108. package/dist/types/components/table/components/cell/label-cell.d.ts +10 -0
  109. package/dist/types/components/table/components/cell/link-cell.d.ts +10 -0
  110. package/dist/types/components/table/components/cell/number-cell.d.ts +5 -3
  111. package/dist/types/components/table/components/index.d.ts +1 -1
  112. package/dist/types/components/table/components/table-cell.d.ts +1 -1
  113. package/dist/types/components/table/components/table-filter/close-filter-confirm/filter-confirmation-dialog.d.ts +10 -0
  114. package/dist/types/components/table/components/table-filter/close-filter-confirm/filter-confirmation-dialog.utils.d.ts +13 -0
  115. package/dist/types/components/table/components/table-filter/table-filter.context.d.ts +1 -0
  116. package/dist/types/components/table/components/table-filter/table-filter.hook.d.ts +1 -0
  117. package/dist/types/components/table/components/table-header/stories/basic-header.d.ts +1 -1
  118. package/dist/types/components/table/index.d.ts +1 -1
  119. package/dist/types/components/table/table.const.d.ts +15 -9
  120. package/dist/types/components/table/table.type.d.ts +36 -5
  121. package/dist/types/components/table/table.utils.d.ts +1 -1
  122. package/package.json +1 -1
  123. package/dist/components/table/components/cell/text-cell.d.ts +0 -7
  124. package/dist/components/table/components/cell/text-cell.js +0 -5
  125. package/dist/css/config/colors/components/alert.css +0 -84
  126. package/dist/css/config/colors/components/button.css +0 -93
  127. package/dist/css/config/colors/components/select.css +0 -128
  128. package/dist/css/config/colors/components/text-button.css +0 -67
  129. package/dist/css/config/colors/defaults.css +0 -393
  130. package/dist/css/config/colors/semantic-colors.css +0 -353
  131. package/dist/css/config/components/button.css +0 -160
  132. package/dist/css/config/components/input.css +0 -56
  133. package/dist/node_modules/@heroicons/react/24/solid/esm/CheckCircleIcon.js +0 -26
  134. package/dist/node_modules/@heroicons/react/24/solid/esm/XCircleIcon.js +0 -26
  135. package/dist/types/components/table/components/cell/text-cell.d.ts +0 -7
  136. /package/dist/css/config/typography/{typography.css → index.css} +0 -0
package/dist/css/config/typography/4xl.css CHANGED
@@ -52,56 +52,49 @@
52
52
  /* ========== LINE HEIGHT: NONE ========== */
53
53
  .leading-none-regular-4xl {
54
54
  font-size: 2.25rem;
55
- line-height: 2.25rem;
55
+ line-height: 1.1;
56
56
  letter-spacing: -0.1rem;
57
57
  font-weight: 400;
58
- overflow-y: visible;
59
58
  }
60
59
 
61
60
  .leading-none-medium-4xl {
62
61
  font-size: 2.25rem;
63
- line-height: 2.25rem;
62
+ line-height: 1.1;
64
63
  letter-spacing: -0.1rem;
65
64
  font-weight: 450;
66
- overflow-y: visible;
67
65
  }
68
66
 
69
67
  .leading-none-semibold-4xl {
70
68
  font-size: 2.25rem;
71
- line-height: 2.25rem;
69
+ line-height: 1.1;
72
70
  letter-spacing: -0.1rem;
73
71
  font-weight: 600;
74
- overflow-y: visible;
75
72
  }
76
73
 
77
74
  .leading-none-bold-4xl {
78
75
  font-size: 2.25rem;
79
- line-height: 2.25rem;
76
+ line-height: 1.1;
80
77
  letter-spacing: -0.1rem;
81
78
  font-weight: 700;
82
- overflow-y: visible;
83
79
  }
84
80
 
85
81
  .leading-none-italic-4xl {
86
82
  font-size: 2.25rem;
87
- line-height: 2.25rem;
83
+ line-height: 1.1;
88
84
  letter-spacing: -0.1rem;
89
85
  font-style: italic;
90
- overflow-y: visible;
91
86
  }
92
87
 
93
88
  .leading-none-underlined-4xl {
94
89
  font-size: 2.25rem;
95
- line-height: 2.25rem;
90
+ line-height: 1.1;
96
91
  letter-spacing: -0.1rem;
97
92
  text-decoration: underline;
98
- overflow-y: visible;
99
93
  }
100
94
 
101
95
  .leading-none-strikethrough-4xl {
102
96
  font-size: 2.25rem;
103
- line-height: 2.25rem;
97
+ line-height: 1.1;
104
98
  letter-spacing: -0.1rem;
105
99
  text-decoration: line-through;
106
- overflow-y: visible;
107
100
  }
package/dist/css/config/typography/base.css CHANGED
@@ -52,56 +52,49 @@
52
52
  /* ========== LINE HEIGHT: NONE ========== */
53
53
  .leading-none-regular {
54
54
  font-size: 1rem;
55
- line-height: 1rem;
55
+ line-height: 1.1;
56
56
  letter-spacing: -0.025rem;
57
57
  font-weight: 400;
58
- overflow-y: visible;
59
58
  }
60
59
 
61
60
  .leading-none-medium {
62
61
  font-size: 1rem;
63
- line-height: 1rem;
62
+ line-height: 1.1;
64
63
  letter-spacing: -0.025rem;
65
64
  font-weight: 450;
66
- overflow-y: visible;
67
65
  }
68
66
 
69
67
  .leading-none-semibold {
70
68
  font-size: 1rem;
71
- line-height: 1rem;
69
+ line-height: 1.1;
72
70
  letter-spacing: -0.025rem;
73
71
  font-weight: 600;
74
- overflow-y: visible;
75
72
  }
76
73
 
77
74
  .leading-none-bold {
78
75
  font-size: 1rem;
79
- line-height: 1rem;
76
+ line-height: 1.1;
80
77
  letter-spacing: -0.025rem;
81
78
  font-weight: 700;
82
- overflow-y: visible;
83
79
  }
84
80
 
85
81
  .leading-none-italic {
86
82
  font-size: 1rem;
87
- line-height: 1rem;
83
+ line-height: 1.1;
88
84
  letter-spacing: -0.025rem;
89
85
  font-style: italic;
90
- overflow-y: visible;
91
86
  }
92
87
 
93
88
  .leading-none-underlined {
94
89
  font-size: 1rem;
95
- line-height: 1rem;
90
+ line-height: 1.1;
96
91
  letter-spacing: -0.025rem;
97
92
  text-decoration: underline;
98
- overflow-y: visible;
99
93
  }
100
94
 
101
95
  .leading-none-strikethrough {
102
96
  font-size: 1rem;
103
- line-height: 1rem;
97
+ line-height: 1.1;
104
98
  letter-spacing: -0.025rem;
105
99
  text-decoration: line-through;
106
- overflow-y: visible;
107
100
  }
package/dist/css/config/typography/lg.css CHANGED
@@ -52,56 +52,49 @@
52
52
  /* ========== LINE HEIGHT: NONE ========== */
53
53
  .leading-none-regular-lg {
54
54
  font-size: 1.125rem;
55
- line-height: 1.125rem;
55
+ line-height: 1.1;
56
56
  letter-spacing: -0.025rem;
57
57
  font-weight: 400;
58
- overflow-y: visible;
59
58
  }
60
59
 
61
60
  .leading-none-medium-lg {
62
61
  font-size: 1.125rem;
63
- line-height: 1.125rem;
62
+ line-height: 1.1;
64
63
  letter-spacing: -0.025rem;
65
64
  font-weight: 450;
66
- overflow-y: visible;
67
65
  }
68
66
 
69
67
  .leading-none-semibold-lg {
70
68
  font-size: 1.125rem;
71
- line-height: 1.125rem;
69
+ line-height: 1.1;
72
70
  letter-spacing: -0.025rem;
73
71
  font-weight: 600;
74
- overflow-y: visible;
75
72
  }
76
73
 
77
74
  .leading-none-bold-lg {
78
75
  font-size: 1.125rem;
79
- line-height: 1.125rem;
76
+ line-height: 1.1;
80
77
  letter-spacing: -0.025rem;
81
78
  font-weight: 700;
82
- overflow-y: visible;
83
79
  }
84
80
 
85
81
  .leading-none-italic-lg {
86
82
  font-size: 1.125rem;
87
- line-height: 1.125rem;
83
+ line-height: 1.1;
88
84
  letter-spacing: -0.025rem;
89
85
  font-style: italic;
90
- overflow-y: visible;
91
86
  }
92
87
 
93
88
  .leading-none-underlined-lg {
94
89
  font-size: 1.125rem;
95
- line-height: 1.125rem;
90
+ line-height: 1.1;
96
91
  letter-spacing: -0.025rem;
97
92
  text-decoration: underline;
98
- overflow-y: visible;
99
93
  }
100
94
 
101
95
  .leading-none-strikethrough-lg {
102
96
  font-size: 1.125rem;
103
- line-height: 1.125rem;
97
+ line-height: 1.1;
104
98
  letter-spacing: -0.025rem;
105
99
  text-decoration: line-through;
106
- overflow-y: visible;
107
100
  }
package/dist/css/config/typography/sm.css CHANGED
@@ -52,56 +52,49 @@
52
52
  /* ========== LINE HEIGHT: NONE ========== */
53
53
  .leading-none-regular-sm {
54
54
  font-size: 0.875rem;
55
- line-height: 0.875rem;
55
+ line-height: 1.1;
56
56
  letter-spacing: -0.0125rem;
57
57
  font-weight: 400;
58
- overflow-y: visible;
59
58
  }
60
59
 
61
60
  .leading-none-medium-sm {
62
61
  font-size: 0.875rem;
63
- line-height: 0.875rem;
62
+ line-height: 1.1;
64
63
  letter-spacing: -0.025rem;
65
64
  font-weight: 450;
66
- overflow-y: visible;
67
65
  }
68
66
 
69
67
  .leading-none-semibold-sm {
70
68
  font-size: 0.875rem;
71
- line-height: 0.875rem;
69
+ line-height: 1.1;
72
70
  letter-spacing: -0.025rem;
73
71
  font-weight: 600;
74
- overflow-y: visible;
75
72
  }
76
73
 
77
74
  .leading-none-bold-sm {
78
75
  font-size: 0.875rem;
79
- line-height: 0.875rem;
76
+ line-height: 1.1;
80
77
  letter-spacing: -0.025rem;
81
78
  font-weight: 700;
82
- overflow-y: visible;
83
79
  }
84
80
 
85
81
  .leading-none-italic-sm {
86
82
  font-size: 0.875rem;
87
- line-height: 0.875rem;
83
+ line-height: 1.1;
88
84
  letter-spacing: -0.025rem;
89
85
  font-style: italic;
90
- overflow-y: visible;
91
86
  }
92
87
 
93
88
  .leading-none-underlined-sm {
94
89
  font-size: 0.875rem;
95
- line-height: 0.875rem;
90
+ line-height: 1.1;
96
91
  letter-spacing: -0.025rem;
97
92
  text-decoration: underline;
98
- overflow-y: visible;
99
93
  }
100
94
 
101
95
  .leading-none-strikethrough-sm {
102
96
  font-size: 0.875rem;
103
- line-height: 0.875rem;
97
+ line-height: 1.1;
104
98
  letter-spacing: -0.025rem;
105
99
  text-decoration: line-through;
106
- overflow-y: visible;
107
100
  }
package/dist/css/config/typography/xl.css CHANGED
@@ -52,56 +52,49 @@
52
52
  /* ========== LINE HEIGHT: NONE ========== */
53
53
  .leading-none-regular-xl {
54
54
  font-size: 1.25rem;
55
- line-height: 1.25rem;
55
+ line-height: 1.1;
56
56
  letter-spacing: -0.05rem;
57
57
  font-weight: 400;
58
- overflow-y: visible;
59
58
  }
60
59
 
61
60
  .leading-none-medium-xl {
62
61
  font-size: 1.25rem;
63
- line-height: 1.25rem;
62
+ line-height: 1.1;
64
63
  letter-spacing: -0.05rem;
65
64
  font-weight: 450;
66
- overflow-y: visible;
67
65
  }
68
66
 
69
67
  .leading-none-semibold-xl {
70
68
  font-size: 1.25rem;
71
- line-height: 1.25rem;
69
+ line-height: 1.1;
72
70
  letter-spacing: -0.05rem;
73
71
  font-weight: 600;
74
- overflow-y: visible;
75
72
  }
76
73
 
77
74
  .leading-none-bold-xl {
78
75
  font-size: 1.25rem;
79
- line-height: 1.25rem;
76
+ line-height: 1.1;
80
77
  letter-spacing: -0.05rem;
81
78
  font-weight: 700;
82
- overflow-y: visible;
83
79
  }
84
80
 
85
81
  .leading-none-italic-xl {
86
82
  font-size: 1.25rem;
87
- line-height: 1.25rem;
83
+ line-height: 1.1;
88
84
  letter-spacing: -0.05rem;
89
85
  font-style: italic;
90
- overflow-y: visible;
91
86
  }
92
87
 
93
88
  .leading-none-underlined-xl {
94
89
  font-size: 1.25rem;
95
- line-height: 1.25rem;
90
+ line-height: 1.1;
96
91
  letter-spacing: -0.05rem;
97
92
  text-decoration: underline;
98
- overflow-y: visible;
99
93
  }
100
94
 
101
95
  .leading-none-strikethrough-xl {
102
96
  font-size: 1.25rem;
103
- line-height: 1.25rem;
97
+ line-height: 1.1;
104
98
  letter-spacing: -0.05rem;
105
99
  text-decoration: line-through;
106
- overflow-y: visible;
107
100
  }
package/dist/css/config/typography/xs.css CHANGED
@@ -52,56 +52,49 @@
52
52
  /* ========== LINE HEIGHT: NONE ========== */
53
53
  .leading-none-regular-xs {
54
54
  font-size: 0.75rem;
55
- line-height: 0.75rem;
55
+ line-height: 1.1;
56
56
  letter-spacing: -0.0125rem;
57
57
  font-weight: 400;
58
- overflow-y: visible;
59
58
  }
60
59
 
61
60
  .leading-none-medium-xs {
62
61
  font-size: 0.75rem;
63
- line-height: 0.75rem;
62
+ line-height: 1.1;
64
63
  letter-spacing: -0.0125rem;
65
64
  font-weight: 450;
66
- overflow-y: visible;
67
65
  }
68
66
 
69
67
  .leading-none-semibold-xs {
70
68
  font-size: 0.75rem;
71
- line-height: 0.75rem;
69
+ line-height: 1.1;
72
70
  letter-spacing: -0.0125rem;
73
71
  font-weight: 600;
74
- overflow-y: visible;
75
72
  }
76
73
 
77
74
  .leading-none-bold-xs {
78
75
  font-size: 0.75rem;
79
- line-height: 0.75rem;
76
+ line-height: 1.1;
80
77
  letter-spacing: -0.0125rem;
81
78
  font-weight: 700;
82
- overflow-y: visible;
83
79
  }
84
80
 
85
81
  .leading-none-italic-xs {
86
82
  font-size: 0.75rem;
87
- line-height: 0.75rem;
83
+ line-height: 1.1;
88
84
  letter-spacing: -0.0125rem;
89
85
  font-style: italic;
90
- overflow-y: visible;
91
86
  }
92
87
 
93
88
  .leading-none-underlined-xs {
94
89
  font-size: 0.75rem;
95
- line-height: 0.75rem;
90
+ line-height: 1.1;
96
91
  letter-spacing: -0.0125rem;
97
92
  text-decoration: underline;
98
- overflow-y: visible;
99
93
  }
100
94
 
101
95
  .leading-none-strikethrough-xs {
102
96
  font-size: 0.75rem;
103
- line-height: 0.75rem;
97
+ line-height: 1.1;
104
98
  letter-spacing: -0.0125rem;
105
99
  text-decoration: line-through;
106
- overflow-y: visible;
107
100
  }