greenole-design-system 1.1.21 → 1.1.22
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.
- package/dist/greenole.css +0 -33
- package/dist/index.css +1 -0
- package/dist/reset.css +1 -0
- package/dist/reset.d.ts +1 -0
- package/package.json +5 -5
- package/dist/greenole-design-system.cjs.js +0 -63
- package/dist/greenole-design-system.es.js +0 -3348
package/dist/greenole.css
CHANGED
|
@@ -136,39 +136,6 @@
|
|
|
136
136
|
animation: spin 1s linear infinite;
|
|
137
137
|
}
|
|
138
138
|
|
|
139
|
-
.tw-border-spacing-0 {
|
|
140
|
-
--tw-border-spacing-x: 0;
|
|
141
|
-
--tw-border-spacing-y: 0;
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
.-tw-translate-x-1\/2, .-tw-translate-y-1\/2, .tw-rotate-180, .tw-scale-y-0, .tw-scale-y-100, .tw-transform {
|
|
145
|
-
--tw-translate-x: 0;
|
|
146
|
-
--tw-translate-y: 0;
|
|
147
|
-
--tw-rotate: 0;
|
|
148
|
-
--tw-skew-x: 0;
|
|
149
|
-
--tw-skew-y: 0;
|
|
150
|
-
--tw-scale-x: 1;
|
|
151
|
-
--tw-scale-y: 1;
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
.tw-shadow-lg, .tw-shadow-md, .tw-shadow-sm {
|
|
155
|
-
--tw-ring-offset-shadow: 0 0 #0000;
|
|
156
|
-
--tw-ring-shadow: 0 0 #0000;
|
|
157
|
-
--tw-shadow: 0 0 #0000;
|
|
158
|
-
--tw-shadow-colored: 0 0 #0000;
|
|
159
|
-
}
|
|
160
|
-
|
|
161
|
-
.focus\:tw-ring-2 {
|
|
162
|
-
--tw-ring-inset: ;
|
|
163
|
-
--tw-ring-offset-width: 0px;
|
|
164
|
-
--tw-ring-offset-color: #fff;
|
|
165
|
-
--tw-ring-color: rgb(59 130 246 / 0.5);
|
|
166
|
-
--tw-ring-offset-shadow: 0 0 #0000;
|
|
167
|
-
--tw-ring-shadow: 0 0 #0000;
|
|
168
|
-
--tw-shadow: 0 0 #0000;
|
|
169
|
-
--tw-shadow-colored: 0 0 #0000;
|
|
170
|
-
}
|
|
171
|
-
|
|
172
139
|
.tw-pointer-events-none {
|
|
173
140
|
pointer-events: none;
|
|
174
141
|
}
|
package/dist/index.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--neutral-softest: #FEFEFE;--neutral-softin: #F5F5F5;--neutral-soft: #E1E1E1;--neutral-medium: #C8C8C8;--neutral-grey: #9D9D9D;--neutral-dark: #434343;--neutral-darkin: #2E2E2E;--neutral-darkest: #1A1A1A;--background-soft: #F7F7F7;--background-dark-softest: #3A3939;--background-dark-softin: #323131;--background-dark-soft: #2D2C2C;--background-dark-medium: #292828;--background-dark-hard: #1E1E1E;--background-dark-hardest: #19191C;--hover-soft: #F5F5F5;--hover-medium: #E1E1E1;--hover-dark: #C8C8C8;--hover-dark-soft: #434343;--hover-dark-medium: #353434;--hover-dark-hard: #292828;--brandcolor-main: #118E34;--brandcolor-softest: #DEF8E2;--brandcolor-soft: #49DB76;--brandcolor-medium: #36B060;--brandcolor-darkest: #033B12;--success-soft: #00DC7D;--success-dark: #1C904A;--danger: #E2222A;--danger-dark: #B7151B;--warning: #FF9900;--link-soft: #2981FD;--link-dark: #0351C1;--red-500: #FDE7E8;--red-600: #DD6764;--red-700: #CE0000;--red-800: #9B0000;--red-900: #670103;--orange-400: #FFFAF3;--orange-500: #FDEDD8;--orange-600: #F2B177;--orange-700: #E49145;--orange-800: #B75E13;--orange-900: #773F0B;--yellow-400: #FFF4D2;--yellow-500: #FEE69F;--yellow-600: #FED871;--yellow-700: #F3C148;--yellow-800: #BF921C;--yellow-900: #7E610B;--green-400: #E2F8D9;--green-500: #B2E59C;--green-600: #93C57D;--green-700: #6AA758;--green-800: #397428;--green-900: #294D12;--cyan-400: #DDECED;--cyan-500: #A2C4C7;--cyan-600: #79A4B4;--cyan-700: #47818D;--cyan-800: #105057;--cyan-900: #0B333A;--blue-400: #DEECFF;--blue-500: #C6DBF8;--blue-600: #A2C4F1;--blue-700: #699EEB;--blue-800: #3978D7;--blue-900: #1555CC;--purple-400: #E5DCFF;--purple-500: #B6A8D7;--purple-600: #907CC1;--purple-700: #AB8DFF;--purple-800: #351D72;--purple-900: #1F124B;--pink-400: #FFEAF3;--pink-500: #D5A7BC;--pink-600: #BE7EA1;--pink-700: #A74D7B;--pink-800: #7B1A44;--pink-900: #4E012D;--grey-200: #F8F8F8;--grey-300: #EDEDED;--grey-400: #C9C9C9;--grey-500: #B4B4B4;--grey-600: #999997;--grey-700: #666667;--grey-800: #434345;--grey-900: #020202;--spacing-4: 4px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-24: 24px;--spacing-32: 32px;--spacing-40: 40px;--spacing-48: 48px;--spacing-56: 56px;--spacing-64: 64px;--spacing-72: 72px;--spacing-80: 80px;--spacing-104: 104px}.dark{--neutral-darkest: #FEFEFE}.tw-pointer-events-none{pointer-events:none}.tw-pointer-events-auto{pointer-events:auto}.tw-absolute{position:absolute}.tw-relative{position:relative}.tw-inset-y-0{top:0;bottom:0}.tw-bottom-full{bottom:100%}.tw-left-1\/2{left:50%}.tw-left-full{left:100%}.tw-right-3{right:.75rem}.tw-right-full{right:100%}.tw-top-1\/2{top:50%}.tw-top-full{top:100%}.tw-z-10{z-index:10}.tw-z-50{z-index:50}.tw-mb-2{margin-bottom:.5rem}.tw-ml-2{margin-left:.5rem}.tw-mr-2{margin-right:.5rem}.tw-mt-1{margin-top:.25rem}.tw-mt-2{margin-top:.5rem}.tw-mt-4{margin-top:1rem}.tw-inline-block{display:inline-block}.tw-flex{display:flex}.tw-inline-flex{display:inline-flex}.tw-grid{display:grid}.tw-h-0{height:0px}.tw-h-1\.5{height:.375rem}.tw-h-10{height:2.5rem}.tw-h-12{height:3rem}.tw-h-14{height:3.5rem}.tw-h-16{height:4rem}.tw-h-2\.5{height:.625rem}.tw-h-3{height:.75rem}.tw-h-3\.5{height:.875rem}.tw-h-4{height:1rem}.tw-h-5{height:1.25rem}.tw-h-6{height:1.5rem}.tw-h-8{height:2rem}.tw-h-9{height:2.25rem}.tw-h-\[104px\]{height:104px}.tw-h-\[12px\]{height:12px}.tw-h-\[16px\]{height:16px}.tw-h-\[1px\]{height:1px}.tw-h-\[200px\]{height:200px}.tw-h-\[24px\]{height:24px}.tw-h-\[2px\]{height:2px}.tw-h-\[32px\]{height:32px}.tw-h-\[40px\]{height:40px}.tw-h-\[48px\]{height:48px}.tw-h-\[4px\]{height:4px}.tw-h-\[56px\]{height:56px}.tw-h-\[64px\]{height:64px}.tw-h-\[72px\]{height:72px}.tw-h-\[80px\]{height:80px}.tw-h-\[8px\]{height:8px}.tw-h-full{height:100%}.tw-max-h-60{max-height:15rem}.tw-min-h-\[104px\]{min-height:104px}.tw-min-h-\[12px\]{min-height:12px}.tw-min-h-\[16px\]{min-height:16px}.tw-min-h-\[1px\]{min-height:1px}.tw-min-h-\[24px\]{min-height:24px}.tw-min-h-\[2px\]{min-height:2px}.tw-min-h-\[32px\]{min-height:32px}.tw-min-h-\[40px\]{min-height:40px}.tw-min-h-\[48px\]{min-height:48px}.tw-min-h-\[4px\]{min-height:4px}.tw-min-h-\[56px\]{min-height:56px}.tw-min-h-\[64px\]{min-height:64px}.tw-min-h-\[72px\]{min-height:72px}.tw-min-h-\[80px\]{min-height:80px}.tw-min-h-\[8px\]{min-height:8px}.tw-w-0{width:0px}.tw-w-10{width:2.5rem}.tw-w-12{width:3rem}.tw-w-14{width:3.5rem}.tw-w-16{width:4rem}.tw-w-3{width:.75rem}.tw-w-4{width:1rem}.tw-w-40{width:10rem}.tw-w-48{width:12rem}.tw-w-5{width:1.25rem}.tw-w-6{width:1.5rem}.tw-w-64{width:16rem}.tw-w-8{width:2rem}.tw-w-80{width:20rem}.tw-w-9{width:2.25rem}.tw-w-96{width:24rem}.tw-w-\[24px\]{width:24px}.tw-w-\[300px\]{width:300px}.tw-w-\[500px\]{width:500px}.tw-w-full{width:100%}.tw-min-w-\[24px\]{min-width:24px}.tw-min-w-\[32px\]{min-width:32px}.tw-min-w-\[40px\]{min-width:40px}.tw-min-w-\[48px\]{min-width:48px}.tw-min-w-\[56px\]{min-width:56px}.tw-min-w-\[80px\]{min-width:80px}.tw-min-w-full{min-width:100%}.tw-max-w-3xl{max-width:48rem}.tw-border-separate{border-collapse:separate}.tw-border-spacing-0{--tw-border-spacing-x: 0px;--tw-border-spacing-y: 0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.tw-origin-top{transform-origin:top}.-tw-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-tw-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-scale-y-0{--tw-scale-y: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-scale-y-100{--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes tw-spin{to{transform:rotate(360deg)}}.tw-animate-spin{animation:tw-spin 1s linear infinite}.tw-cursor-not-allowed{cursor:not-allowed}.tw-cursor-pointer{cursor:pointer}.tw-appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.tw-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.tw-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tw-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.tw-flex-row{flex-direction:row}.tw-flex-col{flex-direction:column}.tw-items-center{align-items:center}.tw-justify-start{justify-content:flex-start}.tw-justify-end{justify-content:flex-end}.tw-justify-center{justify-content:center}.tw-justify-between{justify-content:space-between}.tw-gap-0{gap:0px}.tw-gap-1{gap:.25rem}.tw-gap-2{gap:.5rem}.tw-gap-4{gap:1rem}.tw-gap-6{gap:1.5rem}.tw-overflow-hidden{overflow:hidden}.tw-overflow-x-auto{overflow-x:auto}.tw-overflow-y-auto{overflow-y:auto}.tw-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tw-whitespace-nowrap{white-space:nowrap}.tw-rounded{border-radius:.25rem}.tw-rounded-2xl{border-radius:1rem}.tw-rounded-\[12px\]{border-radius:12px}.tw-rounded-\[8px\]{border-radius:8px}.tw-rounded-full{border-radius:9999px}.tw-rounded-lg{border-radius:.5rem}.tw-rounded-md{border-radius:.375rem}.tw-rounded-none{border-radius:0}.tw-rounded-l-\[8px\]{border-top-left-radius:8px;border-bottom-left-radius:8px}.tw-rounded-r-\[8px\]{border-top-right-radius:8px;border-bottom-right-radius:8px}.tw-border{border-width:1px}.tw-border-b{border-bottom-width:1px}.tw-border-r-2{border-right-width:2px}.tw-border-t{border-top-width:1px}.tw-border-\[\#D1D5DB\]{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.tw-border-\[var\(--brandcolor-main\)\]{border-color:var(--brandcolor-main)}.tw-border-\[var\(--danger\)\]{border-color:var(--danger)}.tw-border-\[var\(--neutral-dark\)\]{border-color:var(--neutral-dark)}.tw-border-\[var\(--neutral-darkin\)\]{border-color:var(--neutral-darkin)}.tw-border-\[var\(--neutral-grey\)\]{border-color:var(--neutral-grey)}.tw-border-\[var\(--neutral-soft\)\]{border-color:var(--neutral-soft)}.tw-border-\[var\(--success\)\]{border-color:var(--success)}.tw-border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.tw-border-green-600{--tw-border-opacity: 1;border-color:rgb(22 163 74 / var(--tw-border-opacity, 1))}.tw-bg-\[\#77abc7\]{--tw-bg-opacity: 1;background-color:rgb(119 171 199 / var(--tw-bg-opacity, 1))}.tw-bg-\[\#c1c1c1\]{--tw-bg-opacity: 1;background-color:rgb(193 193 193 / var(--tw-bg-opacity, 1))}.tw-bg-\[\#c9c9c9\]{--tw-bg-opacity: 1;background-color:rgb(201 201 201 / var(--tw-bg-opacity, 1))}.tw-bg-\[\#f5f5f5\]{--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}.tw-bg-\[var\(--background-dark-medium\)\]{background-color:var(--background-dark-medium)}.tw-bg-\[var\(--background-soft\)\]{background-color:var(--background-soft)}.tw-bg-\[var\(--blue-400\)\]{background-color:var(--blue-400)}.tw-bg-\[var\(--blue-700\)\]{background-color:var(--blue-700)}.tw-bg-\[var\(--brandcolor-main\)\]{background-color:var(--brandcolor-main)}.tw-bg-\[var\(--brandcolor-softest\)\]{background-color:var(--brandcolor-softest)}.tw-bg-\[var\(--danger\)\]{background-color:var(--danger)}.tw-bg-\[var\(--green-400\)\]{background-color:var(--green-400)}.tw-bg-\[var\(--green-500\)\]{background-color:var(--green-500)}.tw-bg-\[var\(--green-700\)\]{background-color:var(--green-700)}.tw-bg-\[var\(--neutral-grey\)\]{background-color:var(--neutral-grey)}.tw-bg-\[var\(--neutral-medium\)\]{background-color:var(--neutral-medium)}.tw-bg-\[var\(--neutral-soft\)\]{background-color:var(--neutral-soft)}.tw-bg-\[var\(--red-500\)\]{background-color:var(--red-500)}.tw-bg-\[var\(--red-700\)\]{background-color:var(--red-700)}.tw-bg-\[var\(--success-soft\)\]{background-color:var(--success-soft)}.tw-bg-\[var\(--yellow-400\)\]{background-color:var(--yellow-400)}.tw-bg-neutral-800{--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1))}.tw-bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.tw-bg-transparent{background-color:transparent}.tw-bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.tw-object-cover{-o-object-fit:cover;object-fit:cover}.tw-p-2{padding:.5rem}.tw-p-4{padding:1rem}.tw-px-1{padding-left:.25rem;padding-right:.25rem}.tw-px-2{padding-left:.5rem;padding-right:.5rem}.tw-px-3{padding-left:.75rem;padding-right:.75rem}.tw-px-4{padding-left:1rem;padding-right:1rem}.tw-py-0{padding-top:0;padding-bottom:0}.tw-py-1{padding-top:.25rem;padding-bottom:.25rem}.tw-py-2{padding-top:.5rem;padding-bottom:.5rem}.tw-py-4{padding-top:1rem;padding-bottom:1rem}.tw-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.tw-py-\[2px\]{padding-top:2px;padding-bottom:2px}.tw-pr-10{padding-right:2.5rem}.tw-pt-2{padding-top:.5rem}.tw-text-left{text-align:left}.tw-text-center{text-align:center}.tw-text-sm{font-size:.875rem;line-height:1.25rem}.tw-text-xs{font-size:.75rem;line-height:1rem}.tw-font-medium{font-weight:500}.tw-font-semibold{font-weight:600}.tw-text-\[\#101010\]{--tw-text-opacity: 1;color:rgb(16 16 16 / var(--tw-text-opacity, 1))}.tw-text-\[\#434343\]{--tw-text-opacity: 1;color:rgb(67 67 67 / var(--tw-text-opacity, 1))}.tw-text-\[var\(--blue-900\)\]{color:var(--blue-900)}.tw-text-\[var\(--brandcolor-darkest\)\]{color:var(--brandcolor-darkest)}.tw-text-\[var\(--brandcolor-main\)\]{color:var(--brandcolor-main)}.tw-text-\[var\(--danger\)\]{color:var(--danger)}.tw-text-\[var\(--danger-dark\)\]{color:var(--danger-dark)}.tw-text-\[var\(--link-dark\)\]{color:var(--link-dark)}.tw-text-\[var\(--neutral-dark\)\]{color:var(--neutral-dark)}.tw-text-\[var\(--neutral-darkest\)\]{color:var(--neutral-darkest)}.tw-text-\[var\(--neutral-grey\)\]{color:var(--neutral-grey)}.tw-text-\[var\(--neutral-softest\)\]{color:var(--neutral-softest)}.tw-text-\[var\(--yellow-900\)\]{color:var(--yellow-900)}.tw-text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.tw-text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.tw-text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.tw-text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.tw-text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.tw-text-green-900{--tw-text-opacity: 1;color:rgb(20 83 45 / var(--tw-text-opacity, 1))}.tw-text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.tw-text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.tw-placeholder-\[var\(--neutral-grey\)\]::-moz-placeholder{color:var(--neutral-grey)}.tw-placeholder-\[var\(--neutral-grey\)\]::placeholder{color:var(--neutral-grey)}.tw-opacity-0{opacity:0}.tw-opacity-100{opacity:1}.tw-shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.tw-shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.tw-shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.tw-outline-none{outline:2px solid transparent;outline-offset:2px}.tw-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-duration-150{transition-duration:.15s}.tw-duration-200{transition-duration:.2s}.tw-duration-700{transition-duration:.7s}.tw-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.hover\:tw-bg-\[var\(--brandcolor-darkest\)\]:hover{background-color:var(--brandcolor-darkest)}.hover\:tw-bg-\[var\(--brandcolor-softest\)\]:hover{background-color:var(--brandcolor-softest)}.hover\:tw-bg-\[var\(--danger-dark\)\]:hover{background-color:var(--danger-dark)}.hover\:tw-bg-\[var\(--neutral-soft\)\]:hover{background-color:var(--neutral-soft)}.hover\:tw-bg-\[var\(--red-500\)\]:hover{background-color:var(--red-500)}.hover\:tw-text-black:hover{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.hover\:tw-underline:hover{text-decoration-line:underline}.focus\:tw-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:tw-ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:tw-ring-neutral-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(115 115 115 / var(--tw-ring-opacity, 1))}.disabled\:tw-opacity-30:disabled{opacity:.3}@media (min-width: 768px){.md\:tw-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:tw-flex-row{flex-direction:row}.md\:tw-items-start{align-items:flex-start}}
|
package/dist/reset.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}
|
package/dist/reset.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "greenole-design-system",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.22",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "dist/greenole-design-system.cjs.js",
|
|
6
6
|
"module": "dist/greenole-design-system.es.js",
|
|
@@ -23,12 +23,12 @@
|
|
|
23
23
|
"license": "MIT",
|
|
24
24
|
"scripts": {
|
|
25
25
|
"dev": "vite",
|
|
26
|
-
"build": "
|
|
26
|
+
"build": "tsc && vite build && npx tailwindcss -i ./src/index.css -o ./dist/greenole.css",
|
|
27
27
|
"lint": "eslint .",
|
|
28
28
|
"preview": "vite preview",
|
|
29
|
-
"storybook": "
|
|
30
|
-
"build-storybook": "
|
|
31
|
-
"deploy-storybook": "
|
|
29
|
+
"storybook": "storybook dev -p 6006",
|
|
30
|
+
"build-storybook": "storybook build",
|
|
31
|
+
"deploy-storybook": "storybook-to-ghpages"
|
|
32
32
|
},
|
|
33
33
|
"peerDependencies": {
|
|
34
34
|
"i18next": "^24.2.2",
|