@kruzer/styles 3.0.0-alpha.23 → 3.0.0-alpha.25
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.
|
@@ -111,6 +111,41 @@ module.exports = {
|
|
|
111
111
|
get: "rgb(var(--get) / <alpha-value>)",
|
|
112
112
|
body: "rgb(var(--body-background) / <alpha-value>)",
|
|
113
113
|
transparent: "transparent",
|
|
114
|
+
customer: {
|
|
115
|
+
primary: {
|
|
116
|
+
100: "var(--color-customer-primary-100)",
|
|
117
|
+
200: "var(--color-customer-primary-200)",
|
|
118
|
+
300: "var(--color-customer-primary-300)",
|
|
119
|
+
400: "var(--color-customer-primary-400)",
|
|
120
|
+
500: "var(--color-customer-primary-500)",
|
|
121
|
+
600: "var(--color-customer-primary-600)",
|
|
122
|
+
700: "var(--color-customer-primary-700)",
|
|
123
|
+
800: "var(--color-customer-primary-800)",
|
|
124
|
+
900: "var(--color-customer-primary-900)",
|
|
125
|
+
},
|
|
126
|
+
secondary: {
|
|
127
|
+
100: "var(--color-customer-secondary-100)",
|
|
128
|
+
200: "var(--color-customer-secondary-200)",
|
|
129
|
+
300: "var(--color-customer-secondary-300)",
|
|
130
|
+
400: "var(--color-customer-secondary-400)",
|
|
131
|
+
500: "var(--color-customer-secondary-500)",
|
|
132
|
+
600: "var(--color-customer-secondary-600)",
|
|
133
|
+
700: "var(--color-customer-secondary-700)",
|
|
134
|
+
800: "var(--color-customer-secondary-800)",
|
|
135
|
+
900: "var(--color-customer-secondary-900)",
|
|
136
|
+
},
|
|
137
|
+
tertiary: {
|
|
138
|
+
100: "var(--color-customer-tertiary-100)",
|
|
139
|
+
200: "var(--color-customer-tertiary-200)",
|
|
140
|
+
300: "var(--color-customer-tertiary-300)",
|
|
141
|
+
400: "var(--color-customer-tertiary-400)",
|
|
142
|
+
500: "var(--color-customer-tertiary-500)",
|
|
143
|
+
600: "var(--color-customer-tertiary-600)",
|
|
144
|
+
700: "var(--color-customer-tertiary-700)",
|
|
145
|
+
800: "var(--color-customer-tertiary-800)",
|
|
146
|
+
900: "var(--color-customer-tertiary-900)",
|
|
147
|
+
},
|
|
148
|
+
},
|
|
114
149
|
brand: {
|
|
115
150
|
primary: {
|
|
116
151
|
100: "#EAEEFA",
|
|
@@ -202,6 +237,28 @@ module.exports = {
|
|
|
202
237
|
800: "#360826",
|
|
203
238
|
900: "#1B0413",
|
|
204
239
|
},
|
|
240
|
+
black: {
|
|
241
|
+
100: "#E5E7EB",
|
|
242
|
+
200: "#D1D5DB",
|
|
243
|
+
300: "#9CA3AF",
|
|
244
|
+
400: "#6B7280",
|
|
245
|
+
500: "#374151",
|
|
246
|
+
600: "#1F2937",
|
|
247
|
+
700: "#111827",
|
|
248
|
+
800: "#0B0F19",
|
|
249
|
+
900: "#05070D",
|
|
250
|
+
},
|
|
251
|
+
neutral: {
|
|
252
|
+
100: "#F4F4F8",
|
|
253
|
+
200: "#EEEFF4",
|
|
254
|
+
300: "#E3E3ED",
|
|
255
|
+
400: "#D9DAE5",
|
|
256
|
+
500: "#C6C9D9",
|
|
257
|
+
600: "#A9ADC0",
|
|
258
|
+
700: "#989DAD",
|
|
259
|
+
800: "#777D8A",
|
|
260
|
+
900: "#3D4150",
|
|
261
|
+
},
|
|
205
262
|
},
|
|
206
263
|
system: {
|
|
207
264
|
neutral: {
|
|
@@ -248,6 +305,10 @@ module.exports = {
|
|
|
248
305
|
800: "#93370D",
|
|
249
306
|
900: "#7A2E0E",
|
|
250
307
|
},
|
|
308
|
+
global: {
|
|
309
|
+
100: "#FFFFFF",
|
|
310
|
+
900: "#1A1A1A",
|
|
311
|
+
},
|
|
251
312
|
},
|
|
252
313
|
},
|
|
253
314
|
spacing: {
|
package/dist/styles.min.scss
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500&family=Fira+Sans:wght@400;500;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}body{position:relative}@media(max-width: 640px){html{font-size:16px}}@media(min-width: 640px){html{font-size:13px}}@layer base{:root{--neutral-0: 255 255 255;--neutral-25: 250 250 250;--neutral-50: 243 243 243;--neutral-100: 230 230 230;--neutral-150: 217 217 217;--neutral-200: 204 204 204;--neutral-250: 191 191 191;--neutral-300: 179 179 179;--neutral-350: 165 165 165;--neutral-400: 153 153 153;--neutral-450: 140 140 140;--neutral-500: 128 128 128;--neutral-550: 115 115 115;--neutral-600: 102 102 102;--neutral-650: 90 90 90;--neutral-700: 76 76 76;--neutral-750: 64 64 64;--neutral-800: 51 51 51;--neutral-850: 38 38 38;--neutral-900: 21 24 30;--primary-0: 246 248 254;--primary-50: 232 239 253;--primary-100: 206 227 253;--primary-500: 9 112 246;--primary-600: 7 90 197;--primary-900: 2 22 49;--success-100: 240 254 230;--success-500: 116 217 38;--success-600: 93 173 31;--danger-100: 254 232 230;--danger-500: 246 24 9;--danger-600: 197 19 7;--warning-100: 254 244 230;--warning-500: 246 143 9;--warning-600: 197 114 7;--brand-10: 155 212 255;--brand-20: 55 170 255;--brand-30: 89 131 247;--brand-40: 87 153 247;--brand-50: 27 123 247;--brand-60: 27 105 253;--brand-70: 11 94 215;--brand-80: 8 43 94;--post: var(--success-600);--delete: var(--danger-500);--put: var(--warning-500);--patch: 180 45 255;--get: var(--primary-500);--body-background: var(--neutral-50)}}@font-face{font-family:"DMSans";src:url("./../../assets/fonts/DMSans-Regular.ttf") format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"DMSans";src:url("./../../assets/fonts/DMSans-Bold.ttf") format("truetype");font-weight:700;font-style:normal}@font-face{font-family:"DMSans";src:url("./../../assets/fonts/DMSans-Italic.ttf") format("truetype");font-weight:400;font-style:italic}@font-face{font-family:"DMSans";src:url("./../../assets/fonts/DMSans-Light.ttf") format("truetype");font-weight:300;font-style:normal}@font-face{font-family:"DMSans";src:url("./../../assets/fonts/DMSans-Medium.ttf") format("truetype");font-weight:500;font-style:normal}@font-face{font-family:"Inter";src:url("./../../assets/fonts/Inter-Regular.ttf") format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"Inter";src:url("./../../assets/fonts/Inter-Bold.ttf") format("truetype");font-weight:700;font-style:normal}@font-face{font-family:"Inter";src:url("./../../assets/fonts/Inter-Italic.ttf") format("truetype");font-weight:400;font-style:italic}@font-face{font-family:"Inter";src:url("./../../assets/fonts/Inter-Light.ttf") format("truetype");font-weight:300;font-style:normal}@font-face{font-family:"Inter";src:url("./../../assets/fonts/Inter-Medium.ttf") format("truetype");font-weight:500;font-style:normal}body{font-family:"Fira Sans",sans-serif;font-weight:400;font-style:normal;@apply text-neutral-700}h1{@apply text-3xl;line-height:140%}h2{@apply text-2xl;line-height:140%}h3{@apply text-xl;line-height:140%}h4{@apply text-2md;line-height:140%}h4{@apply text-md;line-height:140%}a,p,span{@apply text-base;line-height:140%}small{@apply text-sm;line-height:120%}p{white-space:normal;line-height:140%}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{@apply bg-neutral-600 rounded}.krz-grid-xs{@apply grid grid-cols-xs gap-4}.krz-grid-sm{@apply grid grid-cols-sm gap-4}.krz-grid-md{@apply grid grid-cols-md gap-4}.krz-grid-lg{@apply grid grid-cols-lg gap-4}
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500&family=Fira+Sans:wght@400;500;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}body{position:relative}@media(max-width: 640px){html{font-size:16px}}@media(min-width: 640px){html{font-size:13px}}@layer base{:root{--neutral-0: 255 255 255;--neutral-25: 250 250 250;--neutral-50: 243 243 243;--neutral-100: 230 230 230;--neutral-150: 217 217 217;--neutral-200: 204 204 204;--neutral-250: 191 191 191;--neutral-300: 179 179 179;--neutral-350: 165 165 165;--neutral-400: 153 153 153;--neutral-450: 140 140 140;--neutral-500: 128 128 128;--neutral-550: 115 115 115;--neutral-600: 102 102 102;--neutral-650: 90 90 90;--neutral-700: 76 76 76;--neutral-750: 64 64 64;--neutral-800: 51 51 51;--neutral-850: 38 38 38;--neutral-900: 21 24 30;--primary-0: 246 248 254;--primary-50: 232 239 253;--primary-100: 206 227 253;--primary-500: 9 112 246;--primary-600: 7 90 197;--primary-900: 2 22 49;--success-100: 240 254 230;--success-500: 116 217 38;--success-600: 93 173 31;--danger-100: 254 232 230;--danger-500: 246 24 9;--danger-600: 197 19 7;--warning-100: 254 244 230;--warning-500: 246 143 9;--warning-600: 197 114 7;--brand-10: 155 212 255;--brand-20: 55 170 255;--brand-30: 89 131 247;--brand-40: 87 153 247;--brand-50: 27 123 247;--brand-60: 27 105 253;--brand-70: 11 94 215;--brand-80: 8 43 94;--post: var(--success-600);--delete: var(--danger-500);--put: var(--warning-500);--patch: 180 45 255;--get: var(--primary-500);--body-background: var(--neutral-50);--color-customer-primary-100: #f0f9ff;--color-customer-primary-200: #e0f2fe;--color-customer-primary-300: #bae6fd;--color-customer-primary-400: #7dd3fc;--color-customer-primary-500: #38bdf8;--color-customer-primary-600: #0ea5e9;--color-customer-primary-700: #0284c7;--color-customer-primary-800: #0369a1;--color-customer-primary-900: #0c4a6e;--color-customer-secondary-100: #f5f5f5;--color-customer-secondary-200: #e5e5e5;--color-customer-secondary-300: #d4d4d4;--color-customer-secondary-400: #a3a3a3;--color-customer-secondary-500: #737373;--color-customer-secondary-600: #525252;--color-customer-secondary-700: #404040;--color-customer-secondary-800: #262626;--color-customer-secondary-900: #0a0a0a;--color-customer-tertiary-100: #f9fafb;--color-customer-tertiary-200: #f3f4f6;--color-customer-tertiary-300: #e5e7eb;--color-customer-tertiary-400: #d1d5db;--color-customer-tertiary-500: #9ca3af;--color-customer-tertiary-600: #6b7280;--color-customer-tertiary-700: #4b5563;--color-customer-tertiary-800: #374151;--color-customer-tertiary-900: #1f2937}}@font-face{font-family:"DMSans";src:url("./../../assets/fonts/DMSans-Regular.ttf") format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"DMSans";src:url("./../../assets/fonts/DMSans-Bold.ttf") format("truetype");font-weight:700;font-style:normal}@font-face{font-family:"DMSans";src:url("./../../assets/fonts/DMSans-Italic.ttf") format("truetype");font-weight:400;font-style:italic}@font-face{font-family:"DMSans";src:url("./../../assets/fonts/DMSans-Light.ttf") format("truetype");font-weight:300;font-style:normal}@font-face{font-family:"DMSans";src:url("./../../assets/fonts/DMSans-Medium.ttf") format("truetype");font-weight:500;font-style:normal}@font-face{font-family:"Inter";src:url("./../../assets/fonts/Inter-Regular.ttf") format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"Inter";src:url("./../../assets/fonts/Inter-Bold.ttf") format("truetype");font-weight:700;font-style:normal}@font-face{font-family:"Inter";src:url("./../../assets/fonts/Inter-Italic.ttf") format("truetype");font-weight:400;font-style:italic}@font-face{font-family:"Inter";src:url("./../../assets/fonts/Inter-Light.ttf") format("truetype");font-weight:300;font-style:normal}@font-face{font-family:"Inter";src:url("./../../assets/fonts/Inter-Medium.ttf") format("truetype");font-weight:500;font-style:normal}body{font-family:"Fira Sans",sans-serif;font-weight:400;font-style:normal;@apply text-neutral-700}h1{@apply text-3xl;line-height:140%}h2{@apply text-2xl;line-height:140%}h3{@apply text-xl;line-height:140%}h4{@apply text-2md;line-height:140%}h4{@apply text-md;line-height:140%}a,p,span{@apply text-base;line-height:140%}small{@apply text-sm;line-height:120%}p{white-space:normal;line-height:140%}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{@apply bg-neutral-600 rounded}.krz-grid-xs{@apply grid grid-cols-xs gap-4}.krz-grid-sm{@apply grid grid-cols-sm gap-4}.krz-grid-md{@apply grid grid-cols-md gap-4}.krz-grid-lg{@apply grid grid-cols-lg gap-4}
|