@eqtylab/equality 0.0.0

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 (94) hide show
  1. package/LICENSE +190 -0
  2. package/dist/alert-dialog.module.module.css.module.css +275 -0
  3. package/dist/alert.module.module.css.module.css +112 -0
  4. package/dist/avatar.module.module.css.module.css +119 -0
  5. package/dist/badge.module.module.css.module.css +141 -0
  6. package/dist/bg-gradient.module.module.css.module.css +7 -0
  7. package/dist/button.module.module.css.module.css +253 -0
  8. package/dist/card-content-header.module.module.css.module.css +27 -0
  9. package/dist/card.module.module.css.module.css +246 -0
  10. package/dist/checkbox.module.module.css.module.css +124 -0
  11. package/dist/code-block.module.module.css.module.css +100 -0
  12. package/dist/command.module.module.css.module.css +210 -0
  13. package/dist/control-status-badge.module.module.css.module.css +49 -0
  14. package/dist/date-range-picker.module.module.css.module.css +147 -0
  15. package/dist/dialog.module.module.css.module.css +300 -0
  16. package/dist/display-field.module.module.css.module.css +250 -0
  17. package/dist/drawer.module.module.css.module.css +202 -0
  18. package/dist/dropdown-menu.module.module.css.module.css +271 -0
  19. package/dist/empty-table-state.module.module.css.module.css +34 -0
  20. package/dist/filter-dropdown.module.module.css.module.css +18 -0
  21. package/dist/form.module.module.css.module.css +35 -0
  22. package/dist/generated/color-vars.css +354 -0
  23. package/dist/generated/dark-tokens.css +105 -0
  24. package/dist/generated/global-dark-tokens.css +105 -0
  25. package/dist/generated/global-light-tokens.css +254 -0
  26. package/dist/generated/light-tokens.css +254 -0
  27. package/dist/generated/tailwind-tokens.css +252 -0
  28. package/dist/global-theme-config.css +15 -0
  29. package/dist/heading.module.module.css.module.css +41 -0
  30. package/dist/icon-button.module.module.css.module.css +196 -0
  31. package/dist/icon.module.module.css.module.css +155 -0
  32. package/dist/index.cjs +3419 -0
  33. package/dist/index.cjs.map +1 -0
  34. package/dist/index.d.cts +819 -0
  35. package/dist/index.d.ts +819 -0
  36. package/dist/index.js +3134 -0
  37. package/dist/index.js.map +1 -0
  38. package/dist/info-card.module.module.css.module.css +25 -0
  39. package/dist/input.module.module.css.module.css +231 -0
  40. package/dist/label.module.module.css.module.css +23 -0
  41. package/dist/list-or-grid-view-toggle.module.module.css.module.css +52 -0
  42. package/dist/loading-overlay.module.module.css.module.css +151 -0
  43. package/dist/metric-card.module.module.css.module.css +171 -0
  44. package/dist/motion-collapsible.module.module.css.module.css +4 -0
  45. package/dist/page-not-found.module.module.css.module.css +71 -0
  46. package/dist/pagination.module.module.css.module.css +21 -0
  47. package/dist/panel-label.module.module.css.module.css +17 -0
  48. package/dist/popover.module.module.css.module.css +136 -0
  49. package/dist/progress.module.module.css.module.css +32 -0
  50. package/dist/radial-graph.module.module.css.module.css +223 -0
  51. package/dist/radio-dropdown.module.module.css.module.css +16 -0
  52. package/dist/radio-group.module.module.css.module.css +118 -0
  53. package/dist/resource-badge.module.module.css.module.css +77 -0
  54. package/dist/scripts.cjs +116 -0
  55. package/dist/scripts.cjs.map +1 -0
  56. package/dist/scripts.d.cts +5 -0
  57. package/dist/scripts.d.ts +5 -0
  58. package/dist/scripts.js +114 -0
  59. package/dist/scripts.js.map +1 -0
  60. package/dist/scroll-area.module.module.css.module.css +46 -0
  61. package/dist/search-bar.module.module.css.module.css +9 -0
  62. package/dist/section-heading.module.module.css.module.css +42 -0
  63. package/dist/select.module.module.css.module.css +362 -0
  64. package/dist/separator.module.module.css.module.css +13 -0
  65. package/dist/sheet.module.module.css.module.css +377 -0
  66. package/dist/skeleton.module.module.css.module.css +11 -0
  67. package/dist/sort-button.module.module.css.module.css +42 -0
  68. package/dist/sort-selector.module.module.css.module.css +11 -0
  69. package/dist/spinner.module.module.css.module.css +82 -0
  70. package/dist/switch.module.module.css.module.css +226 -0
  71. package/dist/table-components.module.module.css.module.css +116 -0
  72. package/dist/table.module.module.css.module.css +145 -0
  73. package/dist/tabs-components.module.module.css.module.css +136 -0
  74. package/dist/tabs.module.module.css.module.css +139 -0
  75. package/dist/textarea.module.module.css.module.css +115 -0
  76. package/dist/theme/lib/utils.cjs +125 -0
  77. package/dist/theme/lib/utils.cjs.map +1 -0
  78. package/dist/theme/lib/utils.d.cts +26 -0
  79. package/dist/theme/lib/utils.d.ts +26 -0
  80. package/dist/theme/lib/utils.js +110 -0
  81. package/dist/theme/lib/utils.js.map +1 -0
  82. package/dist/theme-base.css +51 -0
  83. package/dist/theme-components.css +27 -0
  84. package/dist/theme-preflight-global.css +260 -0
  85. package/dist/theme-preflight-scoped.css +261 -0
  86. package/dist/theme-utilities.css +54 -0
  87. package/dist/theme.module.css +15 -0
  88. package/dist/theme.module.module.css.module.css +978 -0
  89. package/dist/toast-components.module.module.css.module.css +393 -0
  90. package/dist/toast.module.module.css.module.css +11 -0
  91. package/dist/tokens.css +3 -0
  92. package/dist/tooltip.module.module.css.module.css +139 -0
  93. package/dist/truncated-description.module.module.css.module.css +15 -0
  94. package/package.json +101 -0
@@ -0,0 +1,124 @@
1
+ /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
+ .checkbox {
3
+ flex-shrink: 0;
4
+ border-radius: 0.25rem;
5
+ border-style: var(--tw-border-style);
6
+ border-width: 1px;
7
+ border-color: var(--color-text-primary);
8
+ &[data-state="checked"] {
9
+ background-color: var(--color-text-primary);
10
+ }
11
+ &[data-state="checked"] {
12
+ color: var(--color-background);
13
+ }
14
+ &:disabled {
15
+ cursor: not-allowed;
16
+ }
17
+ &:disabled {
18
+ opacity: 50%;
19
+ }
20
+ --tw-ring-offset-color: var(--color-background);
21
+ &:focus-visible {
22
+ --tw-ring-color: var(--color-focus-ring);
23
+ }
24
+ &:focus-visible {
25
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
26
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
27
+ }
28
+ &:focus-visible {
29
+ --tw-ring-offset-width: 2px;
30
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
31
+ }
32
+ &:focus-visible {
33
+ --tw-outline-style: none;
34
+ outline-style: none;
35
+ }
36
+ }
37
+ .indicator {
38
+ display: flex;
39
+ align-items: center;
40
+ justify-content: center;
41
+ color: currentcolor;
42
+ }
43
+ .checkbox.sm {
44
+ width: calc(0.25rem * 3.5);
45
+ height: calc(0.25rem * 3.5);
46
+ }
47
+ .checkbox.md {
48
+ width: calc(0.25rem * 4);
49
+ height: calc(0.25rem * 4);
50
+ }
51
+ .check {
52
+ width: 100%;
53
+ height: 100%;
54
+ }
55
+ @property --tw-border-style {
56
+ syntax: "*";
57
+ inherits: false;
58
+ initial-value: solid;
59
+ }
60
+ @property --tw-shadow {
61
+ syntax: "*";
62
+ inherits: false;
63
+ initial-value: 0 0 #0000;
64
+ }
65
+ @property --tw-shadow-color {
66
+ syntax: "*";
67
+ inherits: false;
68
+ }
69
+ @property --tw-shadow-alpha {
70
+ syntax: "<percentage>";
71
+ inherits: false;
72
+ initial-value: 100%;
73
+ }
74
+ @property --tw-inset-shadow {
75
+ syntax: "*";
76
+ inherits: false;
77
+ initial-value: 0 0 #0000;
78
+ }
79
+ @property --tw-inset-shadow-color {
80
+ syntax: "*";
81
+ inherits: false;
82
+ }
83
+ @property --tw-inset-shadow-alpha {
84
+ syntax: "<percentage>";
85
+ inherits: false;
86
+ initial-value: 100%;
87
+ }
88
+ @property --tw-ring-color {
89
+ syntax: "*";
90
+ inherits: false;
91
+ }
92
+ @property --tw-ring-shadow {
93
+ syntax: "*";
94
+ inherits: false;
95
+ initial-value: 0 0 #0000;
96
+ }
97
+ @property --tw-inset-ring-color {
98
+ syntax: "*";
99
+ inherits: false;
100
+ }
101
+ @property --tw-inset-ring-shadow {
102
+ syntax: "*";
103
+ inherits: false;
104
+ initial-value: 0 0 #0000;
105
+ }
106
+ @property --tw-ring-inset {
107
+ syntax: "*";
108
+ inherits: false;
109
+ }
110
+ @property --tw-ring-offset-width {
111
+ syntax: "<length>";
112
+ inherits: false;
113
+ initial-value: 0px;
114
+ }
115
+ @property --tw-ring-offset-color {
116
+ syntax: "*";
117
+ inherits: false;
118
+ initial-value: #fff;
119
+ }
120
+ @property --tw-ring-offset-shadow {
121
+ syntax: "*";
122
+ inherits: false;
123
+ initial-value: 0 0 #0000;
124
+ }
@@ -0,0 +1,100 @@
1
+ /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
+ .code-block {
3
+ overflow: hidden;
4
+ border-radius: var(--radius-md, 0.375rem);
5
+ border-style: var(--tw-border-style);
6
+ border-width: 1px;
7
+ border-color: var(--color-border);
8
+ display: flex;
9
+ flex-direction: column;
10
+ max-height: calc(0.25rem * 64);
11
+ width: 100%;
12
+ }
13
+ .header {
14
+ background-color: var(--color-background);
15
+ padding-inline: calc(0.25rem * 3);
16
+ padding-block: calc(0.25rem * 2);
17
+ display: flex;
18
+ align-items: center;
19
+ gap: calc(0.25rem * 2);
20
+ }
21
+ .header-left {
22
+ display: flex;
23
+ align-items: center;
24
+ gap: calc(0.25rem * 2);
25
+ flex-grow: 1;
26
+ }
27
+ .header-right {
28
+ flex-shrink: 0;
29
+ }
30
+ .title {
31
+ font-size: 0.875rem;
32
+ line-height: var(--tw-leading, calc(1.25 / 0.875));
33
+ --tw-font-weight: 500;
34
+ font-weight: 500;
35
+ color: var(--color-text-secondary);
36
+ }
37
+ .badge {
38
+ flex-shrink: 0;
39
+ }
40
+ .content {
41
+ border-top-style: var(--tw-border-style);
42
+ border-top-width: 1px;
43
+ border-top-color: var(--color-border);
44
+ background-color: var(--color-card-background);
45
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
46
+ monospace;
47
+ font-size: 0.75rem;
48
+ line-height: var(--tw-leading, calc(1 / 0.75));
49
+ flex: 1;
50
+ display: flex;
51
+ flex-direction: column;
52
+ overflow: scroll;
53
+ min-width: calc(0.25rem * 0);
54
+ }
55
+ .neutral {
56
+ border-color: var(--color-border);
57
+ }
58
+ .primary {
59
+ border-color: var(--color-brand-primary);
60
+ }
61
+ .success {
62
+ border-color: var(--color-brand-green);
63
+ }
64
+ .danger {
65
+ border-color: var(--color-brand-red);
66
+ }
67
+ .warning {
68
+ border-color: var(--color-brand-yellow);
69
+ }
70
+ .code-label {
71
+ padding: calc(0.25rem * 3);
72
+ border-top-style: var(--tw-border-style);
73
+ border-top-width: 1px;
74
+ border-top-color: var(--color-border);
75
+ }
76
+ .code-label-text {
77
+ color: var(--color-text-secondary);
78
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
79
+ monospace;
80
+ font-size: 0.75rem;
81
+ line-height: var(--tw-leading, calc(1 / 0.75));
82
+ }
83
+ .pre {
84
+ margin-block: calc(0.25rem * 0) !important;
85
+ background-color: transparent !important;
86
+ padding-inline: calc(0.25rem * 3) !important;
87
+ padding-block: calc(0.25rem * 3);
88
+ }
89
+ .code.wrap {
90
+ white-space: pre-wrap;
91
+ }
92
+ @property --tw-border-style {
93
+ syntax: "*";
94
+ inherits: false;
95
+ initial-value: solid;
96
+ }
97
+ @property --tw-font-weight {
98
+ syntax: "*";
99
+ inherits: false;
100
+ }
@@ -0,0 +1,210 @@
1
+ /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
+ .command {
3
+ background-color: var(--color-popover-background);
4
+ color: var(--color-text-primary);
5
+ border-style: var(--tw-border-style);
6
+ border-width: 1px;
7
+ border-color: var(--color-card-border);
8
+ width: 100%;
9
+ height: 100%;
10
+ overflow: hidden;
11
+ border-radius: var(--radius-md, 0.375rem);
12
+ display: flex;
13
+ flex-direction: column;
14
+ }
15
+ .command-dialog-header {
16
+ position: absolute;
17
+ width: 1px;
18
+ height: 1px;
19
+ padding: 0;
20
+ margin: -1px;
21
+ overflow: hidden;
22
+ clip-path: inset(50%);
23
+ white-space: nowrap;
24
+ border-width: 0;
25
+ }
26
+ .command-dialog-content {
27
+ overflow: hidden;
28
+ padding: calc(0.25rem * 0);
29
+ }
30
+ .command-dialog-content-inner {
31
+ &[data-slot="command-input-wrapper"] {
32
+ :is(& *) {
33
+ height: calc(0.25rem * 12);
34
+ }
35
+ }
36
+ & [cmdk-input] {
37
+ height: calc(0.25rem * 12);
38
+ }
39
+ & [cmdk-item] {
40
+ padding-inline: calc(0.25rem * 2);
41
+ }
42
+ & [cmdk-item] {
43
+ padding-block: calc(0.25rem * 3);
44
+ }
45
+ & [cmdk-item] svg {
46
+ width: calc(0.25rem * 5);
47
+ height: calc(0.25rem * 5);
48
+ }
49
+ & [cmdk-group-heading] {
50
+ color: var(--color-text-secondary);
51
+ }
52
+ & [cmdk-group-heading] {
53
+ padding-inline: calc(0.25rem * 2);
54
+ }
55
+ & [cmdk-group-heading] {
56
+ --tw-font-weight: 500;
57
+ font-weight: 500;
58
+ }
59
+ & [cmdk-group] {
60
+ padding-inline: calc(0.25rem * 2);
61
+ }
62
+ & [cmdk-group]:not([hidden]) ~[cmdk-group] {
63
+ padding-top: calc(0.25rem * 0);
64
+ }
65
+ & [cmdk-input-wrapper] svg {
66
+ width: calc(0.25rem * 5);
67
+ height: calc(0.25rem * 5);
68
+ }
69
+ }
70
+ .command-input {
71
+ border-bottom-style: var(--tw-border-style);
72
+ border-bottom-width: 1px;
73
+ border-color: var(--color-card-border);
74
+ height: calc(0.25rem * 9);
75
+ padding-inline: calc(0.25rem * 3);
76
+ display: flex;
77
+ align-items: center;
78
+ gap: calc(0.25rem * 2);
79
+ }
80
+ .command-input-icon {
81
+ width: calc(0.25rem * 4);
82
+ height: calc(0.25rem * 4);
83
+ opacity: 50%;
84
+ flex-shrink: 0;
85
+ }
86
+ .command-input-input {
87
+ font-size: 0.875rem;
88
+ line-height: var(--tw-leading, calc(1.25 / 0.875));
89
+ &::placeholder {
90
+ color: var(--color-text-secondary);
91
+ }
92
+ border-radius: var(--radius-md, 0.375rem);
93
+ background-color: transparent;
94
+ --tw-outline-style: none;
95
+ outline-style: none;
96
+ @media (forced-colors: active) {
97
+ outline: 2px solid transparent;
98
+ outline-offset: 2px;
99
+ }
100
+ display: flex;
101
+ height: calc(0.25rem * 10);
102
+ width: 100%;
103
+ padding-block: calc(0.25rem * 3);
104
+ &:disabled {
105
+ cursor: not-allowed;
106
+ }
107
+ &:disabled {
108
+ opacity: 50%;
109
+ }
110
+ }
111
+ .command-list {
112
+ max-height: 300px;
113
+ scroll-padding-block: calc(0.25rem * 1);
114
+ overflow-y: auto;
115
+ overflow-x: hidden;
116
+ }
117
+ .command-empty {
118
+ text-align: center;
119
+ font-size: 0.875rem;
120
+ line-height: var(--tw-leading, calc(1.25 / 0.875));
121
+ padding-block: calc(0.25rem * 6);
122
+ }
123
+ .command-group {
124
+ color: var(--color-text-primary);
125
+ overflow: hidden;
126
+ padding: calc(0.25rem * 1);
127
+ & [cmdk-group-heading] {
128
+ font-size: 0.75rem;
129
+ line-height: var(--tw-leading, calc(1 / 0.75));
130
+ }
131
+ & [cmdk-group-heading] {
132
+ --tw-font-weight: 500;
133
+ font-weight: 500;
134
+ }
135
+ & [cmdk-group-heading] {
136
+ color: var(--color-text-secondary);
137
+ }
138
+ & [cmdk-group-heading] {
139
+ padding-inline: calc(0.25rem * 2);
140
+ }
141
+ & [cmdk-group-heading] {
142
+ padding-block: calc(0.25rem * 1.5);
143
+ }
144
+ }
145
+ .command-separator {
146
+ background-color: var(--color-border);
147
+ margin-inline: calc(0.25rem * -1);
148
+ height: 1px;
149
+ }
150
+ .command-item {
151
+ --mix-color: var(--color-popover-background);
152
+ border-radius: 0.25rem;
153
+ --tw-outline-style: none;
154
+ outline-style: none;
155
+ @media (forced-colors: active) {
156
+ outline: 2px solid transparent;
157
+ outline-offset: 2px;
158
+ }
159
+ font-size: 0.875rem;
160
+ line-height: var(--tw-leading, calc(1.25 / 0.875));
161
+ display: flex;
162
+ align-items: center;
163
+ gap: calc(0.25rem * 2);
164
+ position: relative;
165
+ padding-inline: calc(0.25rem * 2);
166
+ padding-block: calc(0.25rem * 1.5);
167
+ cursor: pointer;
168
+ -webkit-user-select: none;
169
+ user-select: none;
170
+ & svg {
171
+ pointer-events: none;
172
+ }
173
+ & svg {
174
+ flex-shrink: 0;
175
+ }
176
+ & svg:not([class*='size-']) {
177
+ width: calc(0.25rem * 4);
178
+ height: calc(0.25rem * 4);
179
+ }
180
+ & svg:not([class*='text-']) {
181
+ color: var(--color-text-secondary);
182
+ }
183
+ &[data-disabled="true"] {
184
+ pointer-events: none;
185
+ }
186
+ &[data-disabled="true"] {
187
+ opacity: 50%;
188
+ }
189
+ &[data-selected="true"] {
190
+ background-color: var(--mix-color);
191
+ @supports (color: color-mix(in lab, red, red)) {
192
+ background-color: color-mix(in oklch, var(--mix-color), white var(--hover-lighten, 20%));
193
+ }
194
+ }
195
+ }
196
+ .command-shortcut {
197
+ font-size: 0.75rem;
198
+ line-height: var(--tw-leading, calc(1 / 0.75));
199
+ color: var(--color-text-secondary);
200
+ margin-left: auto;
201
+ }
202
+ @property --tw-border-style {
203
+ syntax: "*";
204
+ inherits: false;
205
+ initial-value: solid;
206
+ }
207
+ @property --tw-font-weight {
208
+ syntax: "*";
209
+ inherits: false;
210
+ }
@@ -0,0 +1,49 @@
1
+ /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
+ .badge--in-progress {
3
+ background-color: var(--color-badge-background-in-progress);
4
+ color: var(--color-badge-text-in-progress);
5
+ }
6
+ .badge--not-started {
7
+ background-color: var(--color-badge-background-not-started);
8
+ color: var(--color-badge-text-not-started);
9
+ }
10
+ .badge--ready-for-review {
11
+ background-color: var(--color-badge-background-ready-for-review);
12
+ color: var(--color-badge-text-ready-for-review);
13
+ }
14
+ .badge--in-review {
15
+ background-color: var(--color-badge-background-in-review);
16
+ color: var(--color-badge-text-in-review);
17
+ }
18
+ .badge--comment {
19
+ background-color: var(--color-badge-background-comment);
20
+ color: var(--color-badge-text-comment);
21
+ }
22
+ .badge--non-compliant {
23
+ background-color: var(--color-badge-background-non-compliant);
24
+ color: var(--color-badge-text-non-compliant);
25
+ }
26
+ .badge--not-applicable {
27
+ background-color: var(--color-badge-background-not-applicable);
28
+ color: var(--color-badge-text-not-applicable);
29
+ }
30
+ .badge--accepted {
31
+ background-color: var(--color-badge-background-accepted);
32
+ color: var(--color-badge-text-accepted);
33
+ }
34
+ .badge--question {
35
+ background-color: var(--color-badge-background-question);
36
+ color: var(--color-badge-text-question);
37
+ }
38
+ .badge--general {
39
+ background-color: var(--color-badge-background-comment);
40
+ color: var(--color-badge-text-comment);
41
+ }
42
+ .badge--compliant {
43
+ background-color: var(--color-badge-background-compliant);
44
+ color: var(--color-badge-text-compliant);
45
+ }
46
+ .badge--non-compliant {
47
+ background-color: var(--color-badge-background-non-compliant);
48
+ color: var(--color-badge-text-non-compliant);
49
+ }
@@ -0,0 +1,147 @@
1
+ /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
+ .popover-header {
3
+ position: relative;
4
+ width: auto;
5
+ min-width: fit-content;
6
+ }
7
+ .calendar-icon {
8
+ color: var(--color-text-secondary);
9
+ position: absolute;
10
+ top: calc(1/2 * 100%);
11
+ left: calc(0.25rem * 3);
12
+ width: calc(0.25rem * 4);
13
+ height: calc(0.25rem * 4);
14
+ --tw-translate-y: calc(calc(1/2 * 100%) * -1);
15
+ translate: var(--tw-translate-x) var(--tw-translate-y);
16
+ }
17
+ .date-range {
18
+ flex: 1;
19
+ }
20
+ .clear-btn {
21
+ position: absolute;
22
+ top: calc(1/2 * 100%);
23
+ right: calc(0.25rem * 2);
24
+ width: calc(0.25rem * 6);
25
+ height: calc(0.25rem * 6);
26
+ --tw-translate-y: calc(calc(1/2 * 100%) * -1);
27
+ translate: var(--tw-translate-x) var(--tw-translate-y);
28
+ }
29
+ .popover-content {
30
+ width: max-content;
31
+ min-width: max-content;
32
+ :where(& > :not(:last-child)) {
33
+ --tw-space-y-reverse: 0;
34
+ margin-block-start: calc(calc(0.25rem * 4) * var(--tw-space-y-reverse));
35
+ margin-block-end: calc(calc(0.25rem * 4) * calc(1 - var(--tw-space-y-reverse)));
36
+ }
37
+ }
38
+ .month-navigation {
39
+ display: flex;
40
+ align-items: center;
41
+ justify-content: space-between;
42
+ }
43
+ .month-navigation-btn {
44
+ width: calc(0.25rem * 8);
45
+ height: calc(0.25rem * 8);
46
+ padding: calc(0.25rem * 0);
47
+ color: var(--color-text-secondary);
48
+ }
49
+ .month-date-display {
50
+ flex: 1;
51
+ text-align: center;
52
+ }
53
+ .month-date-display-title {
54
+ font-size: 0.875rem;
55
+ line-height: var(--tw-leading, calc(1.25 / 0.875));
56
+ --tw-font-weight: 600;
57
+ font-weight: 600;
58
+ color: var(--color-text-primary);
59
+ }
60
+ .month-date-display-subtitle {
61
+ font-size: 0.75rem;
62
+ line-height: var(--tw-leading, calc(1 / 0.75));
63
+ color: var(--color-text-secondary);
64
+ margin-top: calc(0.25rem * 1);
65
+ }
66
+ .day-headers {
67
+ margin-bottom: calc(0.25rem * 2);
68
+ display: grid;
69
+ grid-template-columns: repeat(7, minmax(0, 1fr));
70
+ gap: calc(0.25rem * 1);
71
+ }
72
+ .day-headers-inner {
73
+ height: calc(0.25rem * 4);
74
+ font-size: 0.75rem;
75
+ line-height: var(--tw-leading, calc(1 / 0.75));
76
+ --tw-font-weight: 500;
77
+ font-weight: 500;
78
+ color: var(--color-text-secondary);
79
+ display: flex;
80
+ align-items: center;
81
+ justify-content: center;
82
+ }
83
+ .calendar-grid {
84
+ display: grid;
85
+ grid-template-columns: repeat(7, minmax(0, 1fr));
86
+ gap: calc(0.25rem * 1);
87
+ }
88
+ .calendar-day-btn {
89
+ font-size: 0.875rem;
90
+ line-height: var(--tw-leading, calc(1.25 / 0.875));
91
+ --tw-font-weight: 400;
92
+ font-weight: 400;
93
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
94
+ transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
95
+ transition-duration: var(--tw-duration, 150ms);
96
+ display: block;
97
+ width: calc(0.25rem * 9);
98
+ height: calc(0.25rem * 9);
99
+ border-radius: var(--radius-md, 0.375rem);
100
+ padding: calc(0.25rem * 0);
101
+ }
102
+ .calendar-day-btn--selected {
103
+ background-color: var(--color-brand-primary);
104
+ color: var(--color-text-primary);
105
+ }
106
+ .calendar-day-btn--today {
107
+ --tw-font-weight: 600;
108
+ font-weight: 600;
109
+ border-style: var(--tw-border-style);
110
+ border-width: 1px;
111
+ border-color: var(--color-brand-primary);
112
+ }
113
+ .calendar-day-btn--in-range {
114
+ background-color: var(--color-brand-primary);
115
+ @supports (color: color-mix(in lab, red, red)) {
116
+ background-color: color-mix(in oklab, var(--color-brand-primary) 30%, transparent);
117
+ }
118
+ }
119
+ @property --tw-translate-x {
120
+ syntax: "*";
121
+ inherits: false;
122
+ initial-value: 0;
123
+ }
124
+ @property --tw-translate-y {
125
+ syntax: "*";
126
+ inherits: false;
127
+ initial-value: 0;
128
+ }
129
+ @property --tw-translate-z {
130
+ syntax: "*";
131
+ inherits: false;
132
+ initial-value: 0;
133
+ }
134
+ @property --tw-space-y-reverse {
135
+ syntax: "*";
136
+ inherits: false;
137
+ initial-value: 0;
138
+ }
139
+ @property --tw-font-weight {
140
+ syntax: "*";
141
+ inherits: false;
142
+ }
143
+ @property --tw-border-style {
144
+ syntax: "*";
145
+ inherits: false;
146
+ initial-value: solid;
147
+ }