@ztwoint/z-ui 0.1.47 → 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 (87) 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/button/button.d.ts +3 -3
  5. package/dist/components/button/button.js +58 -58
  6. package/dist/components/collapsible-side-nav-bar/side-nav-bar-header.js +17 -17
  7. package/dist/components/nav-header/nav-item/nav-item.d.ts +4 -2
  8. package/dist/components/nav-header/nav-item/nav-item.js +29 -28
  9. package/dist/components/select/z2-select.js +131 -78
  10. package/dist/components/table/components/table-filter/close-filter-confirm/filter-confirmation-dialog.d.ts +10 -0
  11. package/dist/components/table/components/table-filter/close-filter-confirm/filter-confirmation-dialog.js +33 -0
  12. package/dist/components/table/components/table-filter/close-filter-confirm/filter-confirmation-dialog.utils.d.ts +13 -0
  13. package/dist/components/table/components/table-filter/close-filter-confirm/filter-confirmation-dialog.utils.js +20 -0
  14. package/dist/components/table/components/table-filter/table-filter-button.js +81 -60
  15. package/dist/components/table/components/table-filter/table-filter-column-button.js +85 -56
  16. package/dist/components/table/components/table-filter/table-filter.context.d.ts +1 -0
  17. package/dist/components/table/components/table-filter/table-filter.hook.d.ts +1 -0
  18. package/dist/components/table/components/table-filter/table-filter.hook.js +17 -14
  19. package/dist/components/table/components/table-footer.js +6 -6
  20. package/dist/components/table/components/table-header/table-header.js +27 -33
  21. package/dist/components/table/table.const.d.ts +10 -6
  22. package/dist/components/table/table.const.js +10 -6
  23. package/dist/components/table/table.js +39 -28
  24. package/dist/components/table-card/table-card.js +2 -2
  25. package/dist/components/tooltip/tooltip.js +24 -22
  26. package/dist/css/config/colors/backgrounds.css +8 -8
  27. package/dist/css/config/colors/components/avatar.css +12 -12
  28. package/dist/css/config/colors/components/badge.css +42 -42
  29. package/dist/css/config/colors/components/checkbox.css +2 -2
  30. package/dist/css/config/colors/components/featured-icon.css +18 -18
  31. package/dist/css/config/colors/components/progress-bar.css +2 -2
  32. package/dist/css/config/colors/components/radio-button.css +2 -2
  33. package/dist/css/config/colors/components/scroll-overlay.css +4 -4
  34. package/dist/css/config/colors/components/tab.css +7 -7
  35. package/dist/css/config/colors/components/toggle-switch.css +1 -1
  36. package/dist/css/config/colors/components/toggle.css +6 -6
  37. package/dist/css/config/colors/icons.css +20 -20
  38. package/dist/css/config/colors/overlay.css +1 -1
  39. package/dist/css/config/colors/semantic/alert.css +44 -0
  40. package/dist/css/config/colors/semantic/background.css +51 -0
  41. package/dist/css/config/colors/semantic/base.css +395 -0
  42. package/dist/css/config/colors/semantic/button.css +131 -0
  43. package/dist/css/config/colors/semantic/drop-shadow.css +30 -0
  44. package/dist/css/config/colors/semantic/dropdown.css +12 -0
  45. package/dist/css/config/colors/semantic/index.css +16 -0
  46. package/dist/css/config/colors/semantic/input.css +56 -0
  47. package/dist/css/config/colors/semantic/overlay.css +13 -0
  48. package/dist/css/config/colors/semantic/stroke.css +90 -0
  49. package/dist/css/config/colors/semantic/surface.css +135 -0
  50. package/dist/css/config/colors/semantic/text.css +113 -0
  51. package/dist/css/config/colors/semantic/tooltip.css +12 -0
  52. package/dist/css/config/colors/shape.css +40 -40
  53. package/dist/css/config/colors/stroke.css +19 -19
  54. package/dist/css/config/colors/surfaces.css +47 -47
  55. package/dist/css/config/colors/text.css +37 -37
  56. package/dist/css/config/components/index.css +0 -2
  57. package/dist/css/config/config-deprecated.css +3 -5
  58. package/dist/css/config/config.css +5 -3
  59. package/dist/css/config/other-variables.css +9 -0
  60. package/dist/css/config/shadows.css +15 -0
  61. package/dist/css/config/typography/2xl.css +7 -14
  62. package/dist/css/config/typography/3xl.css +7 -14
  63. package/dist/css/config/typography/4xl.css +7 -14
  64. package/dist/css/config/typography/base.css +7 -14
  65. package/dist/css/config/typography/lg.css +7 -14
  66. package/dist/css/config/typography/sm.css +7 -14
  67. package/dist/css/config/typography/xl.css +7 -14
  68. package/dist/css/config/typography/xs.css +7 -14
  69. package/dist/css/styles/tailwind.css +1 -1
  70. package/dist/types/components/alert/alert.const.d.ts +0 -3
  71. package/dist/types/components/button/button.d.ts +3 -3
  72. package/dist/types/components/nav-header/nav-item/nav-item.d.ts +4 -2
  73. package/dist/types/components/table/components/table-filter/close-filter-confirm/filter-confirmation-dialog.d.ts +10 -0
  74. package/dist/types/components/table/components/table-filter/close-filter-confirm/filter-confirmation-dialog.utils.d.ts +13 -0
  75. package/dist/types/components/table/components/table-filter/table-filter.context.d.ts +1 -0
  76. package/dist/types/components/table/components/table-filter/table-filter.hook.d.ts +1 -0
  77. package/dist/types/components/table/table.const.d.ts +10 -6
  78. package/package.json +1 -1
  79. package/dist/css/config/colors/components/alert.css +0 -84
  80. package/dist/css/config/colors/components/button.css +0 -93
  81. package/dist/css/config/colors/components/select.css +0 -128
  82. package/dist/css/config/colors/components/text-button.css +0 -67
  83. package/dist/css/config/colors/defaults.css +0 -393
  84. package/dist/css/config/colors/semantic-colors.css +0 -353
  85. package/dist/css/config/components/button.css +0 -160
  86. package/dist/css/config/components/input.css +0 -56
  87. /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
  }