@dreamcommerce/aurora 3.0.0-2 → 3.0.0-3
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.
|
@@ -9,9 +9,9 @@ var cn = require('../../utilities/cn.js');
|
|
|
9
9
|
var badge_constants = require('./badge_constants.js');
|
|
10
10
|
|
|
11
11
|
var _excluded = ["className", "variant"];
|
|
12
|
-
var badgeVariants = index.cva('inline-flex gap-1.5 items-center text-xs py-0.5 px-2.5 rounded-full font-semibold', {
|
|
12
|
+
var badgeVariants = index.cva('aurora-inline-flex aurora-gap-1.5 aurora-items-center aurora-text-xs aurora-py-0.5 aurora-px-2.5 aurora-rounded-full aurora-font-semibold', {
|
|
13
13
|
variants: {
|
|
14
|
-
variant: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, badge_constants.BADGE_VARIANTS.basic, 'bg-subtle'), badge_constants.BADGE_VARIANTS.highlighted, 'bg-highlighted'), badge_constants.BADGE_VARIANTS.success, 'bg-success text-inverse'), badge_constants.BADGE_VARIANTS.successGhost, 'bg-success-subtle text-success-strong'), badge_constants.BADGE_VARIANTS.danger, 'bg-danger text-inverse'), badge_constants.BADGE_VARIANTS.dangerGhost, 'bg-danger-subtle text-danger-strong'), badge_constants.BADGE_VARIANTS.warning, 'bg-warning'), badge_constants.BADGE_VARIANTS.warningGhost, 'bg-warning-subtle text-warning-strong'), badge_constants.BADGE_VARIANTS.info, 'bg-info text-inverse'), badge_constants.BADGE_VARIANTS.infoGhost, 'bg-info-subtle text-info-strong')
|
|
14
|
+
variant: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, badge_constants.BADGE_VARIANTS.basic, 'aurora-bg-subtle'), badge_constants.BADGE_VARIANTS.highlighted, 'aurora-bg-highlighted'), badge_constants.BADGE_VARIANTS.success, 'aurora-bg-success aurora-text-inverse'), badge_constants.BADGE_VARIANTS.successGhost, 'aurora-bg-success-subtle aurora-text-success-strong'), badge_constants.BADGE_VARIANTS.danger, 'aurora-bg-danger aurora-text-inverse'), badge_constants.BADGE_VARIANTS.dangerGhost, 'aurora-bg-danger-subtle aurora-text-danger-strong'), badge_constants.BADGE_VARIANTS.warning, 'aurora-bg-warning'), badge_constants.BADGE_VARIANTS.warningGhost, 'aurora-bg-warning-subtle aurora-text-warning-strong'), badge_constants.BADGE_VARIANTS.info, 'aurora-bg-info aurora-text-inverse'), badge_constants.BADGE_VARIANTS.infoGhost, 'aurora-bg-info-subtle aurora-text-info-strong')
|
|
15
15
|
},
|
|
16
16
|
defaultVariants: {
|
|
17
17
|
variant: badge_constants.BADGE_VARIANTS.basic
|
|
@@ -5,9 +5,9 @@ import { cn } from '../../utilities/cn.js';
|
|
|
5
5
|
import { BADGE_VARIANTS } from './badge_constants.js';
|
|
6
6
|
|
|
7
7
|
var _excluded = ["className", "variant"];
|
|
8
|
-
var badgeVariants = cva('inline-flex gap-1.5 items-center text-xs py-0.5 px-2.5 rounded-full font-semibold', {
|
|
8
|
+
var badgeVariants = cva('aurora-inline-flex aurora-gap-1.5 aurora-items-center aurora-text-xs aurora-py-0.5 aurora-px-2.5 aurora-rounded-full aurora-font-semibold', {
|
|
9
9
|
variants: {
|
|
10
|
-
variant: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, BADGE_VARIANTS.basic, 'bg-subtle'), BADGE_VARIANTS.highlighted, 'bg-highlighted'), BADGE_VARIANTS.success, 'bg-success text-inverse'), BADGE_VARIANTS.successGhost, 'bg-success-subtle text-success-strong'), BADGE_VARIANTS.danger, 'bg-danger text-inverse'), BADGE_VARIANTS.dangerGhost, 'bg-danger-subtle text-danger-strong'), BADGE_VARIANTS.warning, 'bg-warning'), BADGE_VARIANTS.warningGhost, 'bg-warning-subtle text-warning-strong'), BADGE_VARIANTS.info, 'bg-info text-inverse'), BADGE_VARIANTS.infoGhost, 'bg-info-subtle text-info-strong')
|
|
10
|
+
variant: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, BADGE_VARIANTS.basic, 'aurora-bg-subtle'), BADGE_VARIANTS.highlighted, 'aurora-bg-highlighted'), BADGE_VARIANTS.success, 'aurora-bg-success aurora-text-inverse'), BADGE_VARIANTS.successGhost, 'aurora-bg-success-subtle aurora-text-success-strong'), BADGE_VARIANTS.danger, 'aurora-bg-danger aurora-text-inverse'), BADGE_VARIANTS.dangerGhost, 'aurora-bg-danger-subtle aurora-text-danger-strong'), BADGE_VARIANTS.warning, 'aurora-bg-warning'), BADGE_VARIANTS.warningGhost, 'aurora-bg-warning-subtle aurora-text-warning-strong'), BADGE_VARIANTS.info, 'aurora-bg-info aurora-text-inverse'), BADGE_VARIANTS.infoGhost, 'aurora-bg-info-subtle aurora-text-info-strong')
|
|
11
11
|
},
|
|
12
12
|
defaultVariants: {
|
|
13
13
|
variant: BADGE_VARIANTS.basic
|
package/build/index.css
CHANGED
|
@@ -1,159 +1 @@
|
|
|
1
|
-
@layer base {
|
|
2
|
-
:root {
|
|
3
|
-
--font-sans: 'Plus Jakarta Sans';
|
|
4
|
-
--base-font-size: 16;
|
|
5
|
-
--base-line-height: 26;
|
|
6
|
-
|
|
7
|
-
--font-weight-normal: 400;
|
|
8
|
-
--font-weight-medium: 500;
|
|
9
|
-
--font-weight-semibold: 600;
|
|
10
|
-
--font-weight-bold: 700;
|
|
11
|
-
--font-weight-extrabold: 800;
|
|
12
|
-
|
|
13
|
-
--font-size-xs: calc((var(--base-font-size) - 4) / var(--base-font-size) * 1rem); /* 12 */
|
|
14
|
-
--font-size-s: calc((var(--base-font-size) - 2) / var(--base-font-size) * 1rem); /* 14 */
|
|
15
|
-
--font-size-base: calc(var(--base-font-size) / var(--base-font-size) * 1rem); /* 16 */
|
|
16
|
-
--font-size-lg: calc((var(--base-font-size) + 2) / var(--base-font-size) * 1rem); /* 18 */
|
|
17
|
-
--font-size-xl: calc((var(--base-font-size) + 4) / var(--base-font-size) * 1rem); /* 20 */
|
|
18
|
-
--font-size-2xl: calc((var(--base-font-size) + 8) / var(--base-font-size) * 1rem); /* 24 */
|
|
19
|
-
--font-size-3xl: calc((var(--base-font-size) + 16) / var(--base-font-size) * 1rem); /* 32 */
|
|
20
|
-
--font-size-4xl: calc((var(--base-font-size) + 20) / var(--base-font-size) * 1rem); /* 36 */
|
|
21
|
-
--font-size-5xl: calc((var(--base-font-size) + 24) / var(--base-font-size) * 1rem); /* 40 */
|
|
22
|
-
--font-size-6xl: calc((var(--base-font-size) + 32) / var(--base-font-size) * 1rem); /* 48 */
|
|
23
|
-
|
|
24
|
-
--line-height-xs: calc((var(--base-line-height) - 6) / var(--base-font-size) * 1rem); /* 20 */
|
|
25
|
-
--line-height-s: calc((var(--base-line-height) - 2) / var(--base-font-size) * 1rem); /* 24 */
|
|
26
|
-
--line-height-base: calc(var(--base-line-height) / var(--base-font-size) * 1rem); /* 26 */
|
|
27
|
-
--line-height-lg: calc((var(--base-line-height) + 2) / var(--base-font-size) * 1rem); /* 28 */
|
|
28
|
-
--line-height-xl: calc((var(--base-line-height) + 2) / var(--base-font-size) * 1rem); /* 28 */
|
|
29
|
-
--line-height-2xl: calc((var(--base-line-height) + 6) / var(--base-font-size) * 1rem); /* 32 */
|
|
30
|
-
--line-height-3xl: calc((var(--base-line-height) + 16) / var(--base-font-size) * 1rem); /* 42 */
|
|
31
|
-
--line-height-4xl: calc((var(--base-line-height) + 20) / var(--base-font-size) * 1rem); /* 46 */
|
|
32
|
-
--line-height-5xl: calc((var(--base-line-height) + 24) / var(--base-font-size) * 1rem); /* 50 */
|
|
33
|
-
--line-height-6xl: calc((var(--base-line-height) + 30) / var(--base-font-size) * 1rem); /* 56 */
|
|
34
|
-
|
|
35
|
-
--brand-50: #F0F6FF;
|
|
36
|
-
--brand-500: #002FFF;
|
|
37
|
-
--brand-700: #0925A1;
|
|
38
|
-
--brand-800: #02047A;
|
|
39
|
-
--brand-900: #000A38;
|
|
40
|
-
|
|
41
|
-
--brand-helpful-500: #FFEA00;
|
|
42
|
-
|
|
43
|
-
--neutral-0: #FFFFFF;
|
|
44
|
-
--neutral-50: #F5F6FA;
|
|
45
|
-
--neutral-100: #F0F1F5;
|
|
46
|
-
--neutral-200: #E6E7EB;
|
|
47
|
-
--neutral-500: #CBCDD1;
|
|
48
|
-
--neutral-600: #9799A2;
|
|
49
|
-
--neutral-700: #72747E;
|
|
50
|
-
--neutral-800: #484950;
|
|
51
|
-
--neutral-900: #03081C;
|
|
52
|
-
|
|
53
|
-
--green-50: #EBFAF3;
|
|
54
|
-
--green-100: #CEEBDD;
|
|
55
|
-
--green-300: #A7D1BD;
|
|
56
|
-
--green-500: #24B26F;
|
|
57
|
-
--green-600: #1E9C61;
|
|
58
|
-
--green-700: #147346;
|
|
59
|
-
--green-900: #054024;
|
|
60
|
-
|
|
61
|
-
--red-50: #FAEBEC;
|
|
62
|
-
--red-100: #EBCED0;
|
|
63
|
-
--red-300: #D1A7A9;
|
|
64
|
-
--red-500: #E23F46;
|
|
65
|
-
--red-600: #9C1E24;
|
|
66
|
-
--red-700: #731418;
|
|
67
|
-
--red-900: #400508;
|
|
68
|
-
|
|
69
|
-
--yellow-50: #FAF6EB;
|
|
70
|
-
--yellow-100: #EBE4CE;
|
|
71
|
-
--yellow-300: #D1C7A7;
|
|
72
|
-
--yellow-500: #F2C533;
|
|
73
|
-
--yellow-600: #9C7F1E;
|
|
74
|
-
--yellow-700: #735D14;
|
|
75
|
-
--yellow-900: #403205;
|
|
76
|
-
|
|
77
|
-
--blue-50: #EBF4FA;
|
|
78
|
-
--blue-100: #CEDFEB;
|
|
79
|
-
--blue-300: #A7C0D1;
|
|
80
|
-
--blue-500: #33A2F2;
|
|
81
|
-
--blue-600: #1E689C;
|
|
82
|
-
--blue-700: #185480;
|
|
83
|
-
--blue-900: #052740;
|
|
84
|
-
|
|
85
|
-
--light-transparent-5: #FFFFFF0D;
|
|
86
|
-
--light-transparent-10: #FFFFFF1A;
|
|
87
|
-
--light-transparent-15: #FFFFFF26;
|
|
88
|
-
--light-transparent-20: #FFFFFF33;
|
|
89
|
-
--light-transparent-50: #FFFFFF80;
|
|
90
|
-
--light-transparent-70: #FFFFFFB2;
|
|
91
|
-
|
|
92
|
-
--dark-transparent-5: #03081C0D;
|
|
93
|
-
--dark-transparent-10: #03081C1A;
|
|
94
|
-
--dark-transparent-15: #03081C26;
|
|
95
|
-
--dark-transparent-20: #03081C33;
|
|
96
|
-
--dark-transparent-70: #03081CB2;
|
|
97
|
-
|
|
98
|
-
--brand-transparent-10: #002FFF1A;
|
|
99
|
-
--brand-transparent-20: #002FFF33;
|
|
100
|
-
--brand-transparent-50: #002FFF80;
|
|
101
|
-
|
|
102
|
-
--base-border-radius: var(--base-font-size);
|
|
103
|
-
--border-radius-0: calc((var(--base-line-height) - 16) / var(--base-font-size) * 1rem); /* 0 */
|
|
104
|
-
--border-radius-2: calc((var(--base-line-height) - 14) / var(--base-font-size) * 1rem); /* 2 */
|
|
105
|
-
--border-radius-4: calc((var(--base-line-height) - 12) / var(--base-font-size) * 1rem); /* 4 */
|
|
106
|
-
--border-radius-6: calc((var(--base-line-height) - 10) / var(--base-font-size) * 1rem); /* 6 */
|
|
107
|
-
--border-radius-8: calc((var(--base-line-height) - 8) / var(--base-font-size) * 1rem); /* 8 */
|
|
108
|
-
--border-radius-12: calc((var(--base-line-height) - 4) / var(--base-font-size) * 1rem); /* 12 */
|
|
109
|
-
--border-radius-16: calc(var(--base-line-height) / var(--base-font-size) * 1rem); /* 16 */
|
|
110
|
-
--border-radius-20: calc((var(--base-line-height) + 4) / var(--base-font-size) * 1rem); /* 20 */
|
|
111
|
-
--border-radius-24: calc((var(--base-line-height) + 8) / var(--base-font-size) * 1rem); /* 24 */
|
|
112
|
-
--border-radius-32: calc((var(--base-line-height) + 16) / var(--base-font-size) * 1rem); /* 32 */
|
|
113
|
-
--border-radius-40: calc((var(--base-line-height) + 24) / var(--base-font-size) * 1rem); /* 40 */
|
|
114
|
-
--border-radius-full: 9999px;
|
|
115
|
-
|
|
116
|
-
--box-shadow-s: "0px 1px 6px -1px #03081C14";
|
|
117
|
-
--box-shadow-m: "0px 8px 16px -4px #03081C0A";
|
|
118
|
-
--box-shadow-l: "0px 20px 20px -4px #03081C0A";
|
|
119
|
-
--box-shadow-xl: " 32px 48px -10px #03081C0F";
|
|
120
|
-
--box-shadow-s-inverse: "0px -1px 6px -1px #03081C14";
|
|
121
|
-
--box-shadow-m-inverse: "0px -8px 16px -4px #03081C0A";
|
|
122
|
-
--box-shadow-l-inverse: "0px -20px 20px -4px #03081C0A";
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
/* latin */
|
|
126
|
-
@font-face {
|
|
127
|
-
font-family: 'Plus Jakarta Sans';
|
|
128
|
-
font-style: normal;
|
|
129
|
-
font-weight: 200 800;
|
|
130
|
-
font-display: swap;
|
|
131
|
-
src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko20yw.woff2) format('woff2');
|
|
132
|
-
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
/* latin-ext */
|
|
136
|
-
@font-face {
|
|
137
|
-
font-family: 'Plus Jakarta Sans';
|
|
138
|
-
font-style: normal;
|
|
139
|
-
font-weight: 200 800;
|
|
140
|
-
font-display: swap;
|
|
141
|
-
src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko40yyygA.woff2) format('woff2');
|
|
142
|
-
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
*,
|
|
146
|
-
*::before,
|
|
147
|
-
*::after {
|
|
148
|
-
box-sizing: border-box;
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
html {
|
|
152
|
-
font-size: calc((100 * var(--base-font-size)) / 16);
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
body {
|
|
156
|
-
font-family: "Plus Jakarta Sans", sans-serif;
|
|
157
|
-
font-size: calc(var(--base-font-size) * 1px);
|
|
158
|
-
}
|
|
159
|
-
}
|
|
1
|
+
*,:after,:before{--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:rgba(147,197,253,.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:rgba(147,197,253,.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: }/*! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com*/*,:after,:before{border-color:var(--neutral-200);border-style:solid;border-width:0}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:var(--font-sans),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;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}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,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height: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,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}:root{--font-sans:"Plus Jakarta Sans";--base-font-size:16;--base-line-height:26;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-size-xs:calc((var(--base-font-size) - 4)/var(--base-font-size)*1rem);--font-size-s:calc((var(--base-font-size) - 2)/var(--base-font-size)*1rem);--font-size-base:calc(var(--base-font-size)/var(--base-font-size)*1rem);--font-size-lg:calc((var(--base-font-size) + 2)/var(--base-font-size)*1rem);--font-size-xl:calc((var(--base-font-size) + 4)/var(--base-font-size)*1rem);--font-size-2xl:calc((var(--base-font-size) + 8)/var(--base-font-size)*1rem);--font-size-3xl:calc((var(--base-font-size) + 16)/var(--base-font-size)*1rem);--font-size-4xl:calc((var(--base-font-size) + 20)/var(--base-font-size)*1rem);--font-size-5xl:calc((var(--base-font-size) + 24)/var(--base-font-size)*1rem);--font-size-6xl:calc((var(--base-font-size) + 32)/var(--base-font-size)*1rem);--line-height-xs:calc((var(--base-line-height) - 6)/var(--base-font-size)*1rem);--line-height-s:calc((var(--base-line-height) - 2)/var(--base-font-size)*1rem);--line-height-base:calc(var(--base-line-height)/var(--base-font-size)*1rem);--line-height-lg:calc((var(--base-line-height) + 2)/var(--base-font-size)*1rem);--line-height-xl:calc((var(--base-line-height) + 2)/var(--base-font-size)*1rem);--line-height-2xl:calc((var(--base-line-height) + 6)/var(--base-font-size)*1rem);--line-height-3xl:calc((var(--base-line-height) + 16)/var(--base-font-size)*1rem);--line-height-4xl:calc((var(--base-line-height) + 20)/var(--base-font-size)*1rem);--line-height-5xl:calc((var(--base-line-height) + 24)/var(--base-font-size)*1rem);--line-height-6xl:calc((var(--base-line-height) + 30)/var(--base-font-size)*1rem);--brand-50:#f0f6ff;--brand-500:#002fff;--brand-700:#0925a1;--brand-800:#02047a;--brand-900:#000a38;--brand-helpful-500:#ffea00;--neutral-0:#fff;--neutral-50:#f5f6fa;--neutral-100:#f0f1f5;--neutral-200:#e6e7eb;--neutral-500:#cbcdd1;--neutral-600:#9799a2;--neutral-700:#72747e;--neutral-800:#484950;--neutral-900:#03081c;--green-50:#ebfaf3;--green-100:#ceebdd;--green-300:#a7d1bd;--green-500:#24b26f;--green-600:#1e9c61;--green-700:#147346;--green-900:#054024;--red-50:#faebec;--red-100:#ebced0;--red-300:#d1a7a9;--red-500:#e23f46;--red-600:#9c1e24;--red-700:#731418;--red-900:#400508;--yellow-50:#faf6eb;--yellow-100:#ebe4ce;--yellow-300:#d1c7a7;--yellow-500:#f2c533;--yellow-600:#9c7f1e;--yellow-700:#735d14;--yellow-900:#403205;--blue-50:#ebf4fa;--blue-100:#cedfeb;--blue-300:#a7c0d1;--blue-500:#33a2f2;--blue-600:#1e689c;--blue-700:#185480;--blue-900:#052740;--light-transparent-5:#ffffff0d;--light-transparent-10:#ffffff1a;--light-transparent-15:#ffffff26;--light-transparent-20:#ffffff33;--light-transparent-50:#ffffff80;--light-transparent-70:#ffffffb2;--dark-transparent-5:#03081c0d;--dark-transparent-10:#03081c1a;--dark-transparent-15:#03081c26;--dark-transparent-20:#03081c33;--dark-transparent-70:#03081cb2;--brand-transparent-10:#002fff1a;--brand-transparent-20:#002fff33;--brand-transparent-50:#002fff80;--base-border-radius:var(--base-font-size);--border-radius-0:calc((var(--base-line-height) - 16)/var(--base-font-size)*1rem);--border-radius-2:calc((var(--base-line-height) - 14)/var(--base-font-size)*1rem);--border-radius-4:calc((var(--base-line-height) - 12)/var(--base-font-size)*1rem);--border-radius-6:calc((var(--base-line-height) - 10)/var(--base-font-size)*1rem);--border-radius-8:calc((var(--base-line-height) - 8)/var(--base-font-size)*1rem);--border-radius-12:calc((var(--base-line-height) - 4)/var(--base-font-size)*1rem);--border-radius-16:calc(var(--base-line-height)/var(--base-font-size)*1rem);--border-radius-20:calc((var(--base-line-height) + 4)/var(--base-font-size)*1rem);--border-radius-24:calc((var(--base-line-height) + 8)/var(--base-font-size)*1rem);--border-radius-32:calc((var(--base-line-height) + 16)/var(--base-font-size)*1rem);--border-radius-40:calc((var(--base-line-height) + 24)/var(--base-font-size)*1rem);--border-radius-full:9999px;--box-shadow-s:"0px 1px 6px -1px #03081C14";--box-shadow-m:"0px 8px 16px -4px #03081C0A";--box-shadow-l:"0px 20px 20px -4px #03081C0A";--box-shadow-xl:" 32px 48px -10px #03081C0F";--box-shadow-s-inverse:"0px -1px 6px -1px #03081C14";--box-shadow-m-inverse:"0px -8px 16px -4px #03081C0A";--box-shadow-l-inverse:"0px -20px 20px -4px #03081C0A"}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;src:url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko20yw.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;src:url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko40yyygA.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}*,:after,:before{box-sizing:border-box}html{font-size:calc((100*var(--base-font-size))/16)}body{font-family:Plus Jakarta Sans,sans-serif;font-size:calc(var(--base-font-size)*1px)}.aurora-inline-flex{display:inline-flex}.aurora-items-center{align-items:center}.aurora-gap-1\.5{gap:.375rem}.aurora-rounded-full{border-radius:var(--border-radius-full)}.aurora-bg-danger{background-color:var(--red-500)}.aurora-bg-danger-subtle{background-color:var(--red-50)}.aurora-bg-highlighted{background-color:var(--brand-helpful-500)}.aurora-bg-info{background-color:var(--blue-500)}.aurora-bg-info-subtle{background-color:var(--blue-50)}.aurora-bg-subtle{background-color:var(--neutral-50)}.aurora-bg-success{background-color:var(--green-500)}.aurora-bg-success-subtle{background-color:var(--green-50)}.aurora-bg-warning{background-color:var(--yellow-500)}.aurora-bg-warning-subtle{background-color:var(--yellow-50)}.aurora-px-2\.5{padding-left:.625rem;padding-right:.625rem}.aurora-py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.aurora-text-xs{font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.aurora-font-semibold{font-weight:var(--font-weight-semibold)}.aurora-text-danger-strong{color:var(--red-900)}.aurora-text-info-strong{color:var(--blue-900)}.aurora-text-inverse{color:var(--neutral-0)}.aurora-text-success-strong{color:var(--green-900)}.aurora-text-warning-strong{color:var(--yellow-900)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}
|
package/build/tailwind.config.js
CHANGED
|
@@ -2,8 +2,8 @@ const { fontFamily } = require('tailwindcss/defaultTheme');
|
|
|
2
2
|
|
|
3
3
|
/** @type {import('tailwindcss').Config} */
|
|
4
4
|
module.exports = {
|
|
5
|
+
prefix: 'aurora-',
|
|
5
6
|
darkMode: ['selector', '[data-mode="dark"]'],
|
|
6
|
-
//TODO te style ze stories to trzeba jakos dnamicznie wrzucic w webpacku
|
|
7
7
|
content: ['./src/**/*.{js,jsx,ts,tsx}', './stories/**/*.{js,jsx,ts,tsx}'],
|
|
8
8
|
theme: {
|
|
9
9
|
colors: {
|