@org-design-system/styles 0.1.4

package/dist/index.css

@@ -0,0 +1,295 @@
+:root {
+  --color-green-1: oklch(13.929% 0.01574 120.111);
+  --color-green-2: oklch(20.180% 0.02079 119.586);
+  --color-green-3: oklch(26.035% 0.03495 121.463);
+  --color-green-4: oklch(31.159% 0.05034 121.731);
+  --color-green-5: oklch(35.836% 0.06161 121.367);
+  --color-green-6: oklch(40.733% 0.07227 121.113);
+  --color-green-7: oklch(46.185% 0.08353 120.739);
+  --color-green-8: oklch(52.315% 0.09811 121.373);
+  --color-green-9: oklch(90.962% 0.18848 121.314);
+  --color-green-10: oklch(87.984% 0.16494 121.240);
+  --color-green-11: oklch(86.779% 0.16480 121.322);
+  --color-green-12: oklch(94.488% 0.08475 120.827);
+  --color-green-alpha-1: oklch(54.467% 0.18194 142.064 / 0.009999999776482582);
+  --color-green-alpha-2: oklch(91.609% 0.19721 122.833 / 0.05999999865889549);
+  --color-green-alpha-3: oklch(91.737% 0.18693 123.466 / 0.12999999523162842);
+  --color-green-alpha-4: oklch(92.762% 0.19504 123.178 / 0.18000000715255737);
+  --color-green-alpha-5: oklch(92.606% 0.19350 122.705 / 0.23999999463558197);
+  --color-green-alpha-6: oklch(93.338% 0.19226 122.153 / 0.28999999165534973);
+  --color-green-alpha-7: oklch(93.279% 0.18834 121.488 / 0.36000001430511475);
+  --color-green-alpha-8: oklch(93.717% 0.19063 121.930 / 0.4300000071525574);
+  --color-green-alpha-9: oklch(93.728% 0.19479 121.411 / 0.9599999785423279);
+  --color-green-alpha-10: oklch(93.910% 0.17704 121.163 / 0.9100000262260437);
+  --color-green-alpha-11: oklch(93.811% 0.17972 121.331 / 0.8999999761581421);
+  --color-green-alpha-12: oklch(96.770% 0.08694 121.078 / 0.9700000286102295);
+  --color-red-1: oklch(14.035% 0.01562 28.753);
+  --color-red-2: oklch(19.667% 0.02386 23.867);
+  --color-red-3: oklch(24.790% 0.07540 26.521);
+  --color-red-4: oklch(28.781% 0.11338 26.821);
+  --color-red-5: oklch(33.157% 0.12650 27.057);
+  --color-red-6: oklch(38.161% 0.13208 26.995);
+  --color-red-7: oklch(44.942% 0.14232 26.726);
+  --color-red-8: oklch(54.153% 0.17272 26.767);
+  --color-red-9: oklch(64.887% 0.23697 26.973);
+  --color-red-10: oklch(60.863% 0.23703 26.898);
+  --color-red-11: oklch(76.916% 0.13666 27.548);
+  --color-red-12: oklch(89.618% 0.05443 27.826);
+  --color-red-alpha-1: oklch(57.701% 0.23678 29.234 / 0.029999999329447746);
+  --color-red-alpha-2: oklch(69.401% 0.19152 27.160 / 0.09000000357627869);
+  --color-red-alpha-3: oklch(63.719% 0.24861 29.224 / 0.2199999988079071);
+  --color-red-alpha-4: oklch(62.796% 0.25768 29.234 / 0.3100000023841858);
+  --color-red-alpha-5: oklch(62.617% 0.25409 28.709 / 0.38999998569488525);
+  --color-red-alpha-6: oklch(64.004% 0.24049 28.229 / 0.46000000834465027);
+  --color-red-alpha-7: oklch(66.006% 0.22405 27.446 / 0.5699999928474426);
+  --color-red-alpha-8: oklch(66.773% 0.21946 27.140 / 0.7400000095367432);
+  --color-red-alpha-9: oklch(64.887% 0.23697 26.973);
+  --color-red-alpha-10: oklch(63.467% 0.24808 27.082 / 0.9399999976158142);
+  --color-red-alpha-11: oklch(76.916% 0.13666 27.548);
+  --color-red-alpha-12: oklch(89.618% 0.05443 27.826);
+  --color-yellow-1: oklch(14.042% 0.01080 86.919);
+  --color-yellow-2: oklch(20.368% 0.01545 74.521);
+  --color-yellow-3: oklch(25.426% 0.03579 72.708);
+  --color-yellow-4: oklch(29.146% 0.06118 71.572);
+  --color-yellow-5: oklch(33.347% 0.06707 71.814);
+  --color-yellow-6: oklch(38.560% 0.06578 72.230);
+  --color-yellow-7: oklch(45.135% 0.07133 71.333);
+  --color-yellow-8: oklch(53.893% 0.08585 71.345);
+  --color-yellow-9: oklch(78.617% 0.14705 71.872);
+  --color-yellow-10: oklch(75.244% 0.14751 71.625);
+  --color-yellow-11: oklch(82.108% 0.12828 71.819);
+  --color-yellow-12: oklch(92.757% 0.04646 70.972);
+  --color-yellow-alpha-1: oklch(48.411% 0.19511 29.829 / 0.009999999776482582);
+  --color-yellow-alpha-2: oklch(82.660% 0.13441 71.992 / 0.07000000029802322);
+  --color-yellow-alpha-3: oklch(78.650% 0.16014 67.778 / 0.15000000596046448);
+  --color-yellow-alpha-4: oklch(75.621% 0.17780 59.353 / 0.2199999988079071);
+  --color-yellow-alpha-5: oklch(76.859% 0.17276 64.251 / 0.27000001072883606);
+  --color-yellow-alpha-6: oklch(80.594% 0.15782 69.604 / 0.33000001311302185);
+  --color-yellow-alpha-7: oklch(82.045% 0.14521 69.848 / 0.4099999964237213);
+  --color-yellow-alpha-8: oklch(82.843% 0.14088 70.987 / 0.5400000214576721);
+  --color-yellow-alpha-9: oklch(81.736% 0.15334 71.804 / 0.949999988079071);
+  --color-yellow-alpha-10: oklch(80.629% 0.15913 71.149 / 0.9100000262260437);
+  --color-yellow-alpha-11: oklch(84.103% 0.13165 71.875 / 0.9700000286102295);
+  --color-yellow-alpha-12: oklch(93.940% 0.04735 71.862 / 0.9800000190734863);
+  --color-blue-1: oklch(13.945% 0.02453 256.348);
+  --color-blue-2: oklch(20.316% 0.02936 255.448);
+  --color-blue-3: oklch(26.933% 0.06472 254.279);
+  --color-blue-4: oklch(31.736% 0.09355 253.373);
+  --color-blue-5: oklch(36.350% 0.10237 253.403);
+  --color-blue-6: oklch(41.448% 0.10722 253.461);
+  --color-blue-7: oklch(47.169% 0.11511 253.542);
+  --color-blue-8: oklch(53.551% 0.13282 253.399);
+  --color-blue-9: oklch(75.987% 0.12514 253.837);
+  --color-blue-10: oklch(72.507% 0.12510 253.588);
+  --color-blue-11: oklch(76.977% 0.12030 252.362);
+  --color-blue-12: oklch(90.882% 0.04506 252.742);
+  --color-blue-alpha-1: oklch(44.295% 0.29416 260.213 / 0.03999999910593033);
+  --color-blue-alpha-2: oklch(64.514% 0.19193 255.622 / 0.10999999940395355);
+  --color-blue-alpha-3: oklch(61.761% 0.20392 255.278 / 0.25);
+  --color-blue-alpha-4: oklch(60.330% 0.21476 255.162 / 0.36000001430511475);
+  --color-blue-alpha-5: oklch(62.748% 0.20377 254.388 / 0.4300000071525574);
+  --color-blue-alpha-6: oklch(65.234% 0.18877 253.894 / 0.5);
+  --color-blue-alpha-7: oklch(66.820% 0.17727 253.981 / 0.5899999737739563);
+  --color-blue-alpha-8: oklch(67.271% 0.17492 253.458 / 0.7099999785423279);
+  --color-blue-alpha-9: oklch(75.987% 0.12514 253.837);
+  --color-blue-alpha-10: oklch(75.107% 0.13012 253.932 / 0.949999988079071);
+  --color-blue-alpha-11: oklch(76.977% 0.12030 252.362);
+  --color-blue-alpha-12: oklch(90.882% 0.04506 252.742);
+  --color-gray-1: oklch(13.979% 0.00000 86.067);
+  --color-gray-2: oklch(20.904% 0.00000 86.067);
+  --color-gray-3: oklch(25.196% 0.00000 86.067);
+  --color-gray-4: oklch(28.094% 0.00000 86.067);
+  --color-gray-5: oklch(31.317% 0.00000 86.067);
+  --color-gray-6: oklch(34.846% 0.00000 86.067);
+  --color-gray-7: oklch(40.167% 0.00000 86.067);
+  --color-gray-8: oklch(48.906% 0.00000 86.067);
+  --color-gray-9: oklch(53.476% 0.00000 86.067);
+  --color-gray-10: oklch(58.292% 0.00000 86.067);
+  --color-gray-11: oklch(76.993% 0.00000 86.067);
+  --color-gray-12: oklch(94.912% 0.00000 86.067);
+  --color-gray-alpha-1: oklch(13.979% 0.00000 86.067 / 0);
+  --color-gray-alpha-2: oklch(100.000% 0.00000 86.067 / 0.05999999865889549);
+  --color-gray-alpha-3: oklch(100.000% 0.00000 86.067 / 0.10000000149011612);
+  --color-gray-alpha-4: oklch(100.000% 0.00000 86.067 / 0.12999999523162842);
+  --color-gray-alpha-5: oklch(100.000% 0.00000 86.067 / 0.1599999964237213);
+  --color-gray-alpha-6: oklch(100.000% 0.00000 86.067 / 0.20000000298023224);
+  --color-gray-alpha-7: oklch(100.000% 0.00000 86.067 / 0.25);
+  --color-gray-alpha-8: oklch(100.000% 0.00000 86.067 / 0.3499999940395355);
+  --color-gray-alpha-9: oklch(100.000% 0.00000 86.067 / 0.4099999964237213);
+  --color-gray-alpha-10: oklch(100.000% 0.00000 86.067 / 0.46000000834465027);
+  --color-gray-alpha-11: oklch(100.000% 0.00000 86.067 / 0.6899999976158142);
+  --color-gray-alpha-12: oklch(100.000% 0.00000 86.067 / 0.9300000071525574);
+  --opacity-2: 2;
+  --opacity-4: 4;
+  --opacity-5: 5;
+  --opacity-8: 8;
+  --opacity-10: 10;
+  --opacity-20: 20;
+  --opacity-40: 40;
+  --opacity-60: 60;
+  --opacity-80: 80;
+  --opacity-100: 100;
+  --opacity-0-2: 0.20000000298023224;
+  --text-font-family-heading: Space Grotesk;
+  --text-font-family-body: Montserrat;
+  --text-font-family-code: Fira Mono;
+  --text-font-weight-light: 300;
+  --text-font-weight-regular: 400;
+  --text-font-weight-medium: 500;
+  --text-font-weight-italic: Italic;
+  --text-font-weight-bold: 700;
+  --text-font-size-xxxl: 1.5rem;
+  --text-font-size-xxl: 1.25rem;
+  --text-font-size-xl: 1rem;
+  --text-font-size-lg: 0.875rem;
+  --text-font-size-md: 0.75rem;
+  --text-font-size-sm: 0.625rem;
+  --text-font-size-xs: 0.5rem;
+  --text-line-height-xxxl: 2rem;
+  --text-line-height-xxl: 1.625rem;
+  --text-line-height-xl: 1.25rem;
+  --text-line-height-lg: 1.125rem;
+  --text-line-height-md: 1rem;
+  --text-line-height-sm: 0.875rem;
+  --text-line-height-xs: 0.625rem;
+  --text-letter-spacing-xxxl: -0.01899999938905239rem;
+  --text-letter-spacing-xxl: -0.012500000186264515rem;
+  --text-letter-spacing-xl: -0.006000000052154064rem;
+  --text-letter-spacing-lg: 0;
+  --text-letter-spacing-md: 0.006000000052154064rem;
+  --text-letter-spacing-sm: 0.013000000268220901rem;
+  --text-letter-spacing-xs: 0.01899999938905239rem;
+  --dim-0: 0;
+  --dim-1: 0.0625rem;
+  --dim-2: 0.125rem;
+  --dim-4: 0.25rem;
+  --dim-5: 0.3125rem;
+  --dim-6: 0.375rem;
+  --dim-8: 0.5rem;
+  --dim-10: 0.625rem;
+  --dim-12: 0.75rem;
+  --dim-14: 0.875rem;
+  --dim-16: 1rem;
+  --dim-18: 1.125rem;
+  --dim-20: 1.25rem;
+  --dim-22: 1.375rem;
+  --dim-24: 1.5rem;
+  --dim-26: 1.625rem;
+  --dim-28: 1.75rem;
+  --dim-30: 1.875rem;
+  --dim-32: 2rem;
+  --dim-34: 2.125rem;
+  --dim-36: 2.25rem;
+  --dim-38: 2.375rem;
+  --dim-40: 2.5rem;
+  --dim-42: 2.625rem;
+  --dim-44: 2.75rem;
+  --dim-46: 2.875rem;
+  --dim-48: 3rem;
+  --dim-60: 3.75rem;
+  --dim-64: 4rem;
+  --dim-80: 5rem;
+  --dim-100: 6.25rem;
+  --dim-1p5: 0.09399999678134918rem;
+  --dim-0p5: 0.03099999949336052rem;
+  --dim-0p1: 0.006000000052154064rem;
+  --dim-0p2: 0.013000000268220901rem;
+  --dim-0p3: 0.01899999938905239rem;
+  --dim--0p3: -0.01899999938905239rem;
+  --dim--0p2: -0.012500000186264515rem;
+  --dim--0p1: -0.006000000052154064rem;
+  --color-text-primary: var(--color-gray-12);
+  --color-text-secondary: var(--color-gray-11);
+  --color-text-disabled: var(--color-gray-9);
+  --color-text-selected: var(--color-green-10);
+  --color-text-focus: var(--color-green-12);
+  --color-text-focus-subtle: var(--color-green-11);
+  --color-text-info: var(--color-blue-11);
+  --color-text-info-subtle: var(--color-blue-9);
+  --color-text-warning: var(--color-yellow-10);
+  --color-text-warning-subtle: var(--color-yellow-8);
+  --color-text-error: var(--color-red-12);
+  --color-text-error-subtle: var(--color-red-11);
+  --color-icon-primary: var(--color-gray-12);
+  --color-icon-secondary: var(--color-gray-11);
+  --color-icon-disabled: var(--color-gray-9);
+  --color-icon-selected: var(--color-green-10);
+  --color-icon-focus: var(--color-green-12);
+  --color-icon-focus-subltle: var(--color-green-11);
+  --color-icon-info: var(--color-blue-11);
+  --color-icon-info-subtle: var(--color-blue-9);
+  --color-icon-warning: var(--color-yellow-10);
+  --color-icon-warning-subtle: var(--color-yellow-8);
+  --color-icon-error: var(--color-red-12);
+  --color-icon-error-subtle: var(--color-red-11);
+  --color-surface-bg: oklch(15.942% 0.01297 235.868);
+  --color-surface-primary: oklch(94.912% 0.00000 86.067 / 0.0020000000949949026);
+  --color-surface-secondary: oklch(13.979% 0.00000 86.067 / 0.0020000000949949026);
+  --color-surface-disabled: var(--color-gray-alpha-3);
+  --color-surface-selected: var(--color-green-alpha-2);
+  --color-surface-hover: var(--color-gray-alpha-3);
+  --color-surface-success: var(--color-green-alpha-4);
+  --color-surface-info: var(--color-blue-alpha-2);
+  --color-surface-info-hover: var(--color-blue-alpha-3);
+  --color-surface-warnig: var(--color-yellow-alpha-2);
+  --color-surface-warnig-hover: var(--color-yellow-alpha-3);
+  --color-surface-error: var(--color-red-alpha-2);
+  --color-surface-error-hover: var(--color-red-alpha-3);
+  --color-surface-overlay: oklch(13.979% 0.00000 86.067 / 0.6000000238418579);
+  --color-surface-tertiary: var(--color-gray-alpha-2);
+  --color-surface-focus: var(--color-green-6);
+  --color-surface-success-hover: var(--color-green-alpha-3);
+  --color-stroke-primary: var(--color-gray-7);
+  --color-stroke-secondary: var(--color-green-7);
+  --color-stroke-disabled: var(--color-gray-alpha-8);
+  --color-stroke-selected: var(--color-green-7);
+  --color-stroke-success: var(--color-green-8);
+  --color-stroke-info: var(--color-blue-8);
+  --color-stroke-warning: var(--color-yellow-8);
+  --color-stroke-error: var(--color-red-7);
+  --effects-bg_blur-40: var(--dim-40);
+  --effects-bg_blur-60: var(--dim-60);
+  --effects-bg_blur-80: var(--dim-80);
+  --effects-layer_blur-20: var(--dim-20);
+  --radius-sm: var(--dim-2);
+  --radius-md: var(--dim-4);
+  --radius-lg: var(--dim-8);
+  --radius-rounded: 9999px;
+  --stroke-xl: var(--dim-1p5);
+  --stroke-lg: var(--dim-1);
+  --stroke-default: var(--dim-0p5);
+  --spacing-0: var(--dim-0);
+  --spacing-2: var(--dim-2);
+  --spacing-4: var(--dim-4);
+  --spacing-6: var(--dim-6);
+  --spacing-8: var(--dim-8);
+  --spacing-10: var(--dim-10);
+  --spacing-12: var(--dim-12);
+  --spacing-14: var(--dim-14);
+  --spacing-16: var(--dim-16);
+  --spacing-18: var(--dim-18);
+  --spacing-20: var(--dim-20);
+  --spacing-24: var(--dim-24);
+  --spacing-28: var(--dim-28);
+  --spacing-32: var(--dim-32);
+  --spacing-40: var(--dim-40);
+  --spacing-48: var(--dim-48);
+  --spacing-64: var(--dim-64);
+  --sizing-0: var(--dim-0);
+  --sizing-2: var(--dim-2);
+  --sizing-4: var(--dim-4);
+  --sizing-6: var(--dim-6);
+  --sizing-8: var(--dim-8);
+  --sizing-10: var(--dim-10);
+  --sizing-12: var(--dim-12);
+  --sizing-14: var(--dim-14);
+  --sizing-16: var(--dim-16);
+  --sizing-18: var(--dim-18);
+  --sizing-20: var(--dim-20);
+  --sizing-24: var(--dim-24);
+  --sizing-28: var(--dim-28);
+  --sizing-32: var(--dim-32);
+  --sizing-40: var(--dim-40);
+  --sizing-48: var(--dim-48);
+  --sizing-64: var(--dim-64);
+}