emily-css 1.0.2 → 1.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.
Files changed (3) hide show
  1. package/package.json +1 -3
  2. package/dist/emily.demo.css +0 -110
  3. package/dist/emily.demo.min.css +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "emily-css",
3
- "version": "1.0.2",
3
+ "version": "1.0.3",
4
4
  "description": "A config-driven utility CSS framework. Define your brand once, generate the CSS.",
5
5
  "main": "src/index.js",
6
6
  "bin": {
@@ -11,8 +11,6 @@
11
11
  "src/",
12
12
  "dist/emily.css",
13
13
  "dist/emily.min.css",
14
- "dist/emily.demo.css",
15
- "dist/emily.demo.min.css",
16
14
  "fonts/",
17
15
  "README.md",
18
16
  "LICENSE"
package/dist/emily.demo.css DELETED
@@ -1,110 +0,0 @@
1
- /* Display & Visibility */
2
- .block { display: block;}
3
- .flex { display: flex;}
4
- .grid { display: grid;}
5
- .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem;}
6
- .px-3 { padding-left: 0.75rem; padding-right: 0.75rem;}
7
- .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem;}
8
- .p-4 { padding: 1rem;}
9
- .px-4 { padding-left: 1rem; padding-right: 1rem;}
10
- .p-6 { padding: 1.5rem;}
11
- .px-6 { padding-left: 1.5rem; padding-right: 1.5rem;}
12
- .p-8 { padding: 2rem;}
13
- .p-12 { padding: 3rem;}
14
- .p-0\.5 { padding: 0.125rem;}
15
- .mb-2 { margin-bottom: 0.5rem;}
16
- .mb-3 { margin-bottom: 0.75rem;}
17
- .mb-4 { margin-bottom: 1rem;}
18
- .ml-4 { margin-left: 1rem;}
19
- .mb-6 { margin-bottom: 1.5rem;}
20
- .mb-8 { margin-bottom: 2rem;}
21
- .my-16 { margin-top: 4rem; margin-bottom: 4rem;}
22
- .mb-20 { margin-bottom: 5rem;}
23
- .mb-24 { margin-bottom: 6rem;}
24
- .m-1\.5 { margin: 0.375rem;}
25
- .mx-auto { margin-left: auto; margin-right: auto;}
26
- .flex-col { flex-direction: column;}
27
- .flex-1 { flex: 1 1 0%;}
28
- .items-center { align-items: center;}
29
- .grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr));}
30
- .gap-4 { gap: 1rem;}
31
- .gap-6 { gap: 1.5rem;}
32
- .gap-8 { gap: 2rem;}
33
- .w-4 { width: 1rem;}
34
- .h-4 { height: 1rem;}
35
- .w-full { width: 100%;}
36
- .max-w-xs { max-width: 20rem;}
37
- .max-w-sm { max-width: 24rem;}
38
- .max-w-md { max-width: 28rem;}
39
- .max-w-2xl { max-width: 42rem;}
40
- /* Typography */
41
- .text-xs { font-size: var(--text-xs); line-height: 1.5;}
42
- .text-sm { font-size: var(--text-sm); line-height: 1.5;}
43
- .text-base { font-size: var(--text-base); line-height: 1.6;}
44
- .text-lg { font-size: var(--text-lg); line-height: 1.6;}
45
- .text-xl { font-size: var(--text-xl); line-height: 1.6;}
46
- .text-2xl { font-size: var(--text-2xl); line-height: 1.4;}
47
- .text-4xl { font-size: var(--text-4xl); line-height: 1.3;}
48
- .font-semibold { font-weight: 600;}
49
- .font-bold { font-weight: 700;}
50
- .text-center { text-align: center;}
51
- .border-0 { border-width: 0px;}
52
- .border-2 { border-width: 2px;}
53
- .border-l-4 { border-left-width: 4px;}
54
- .rounded { border-radius: 8px;}
55
- .rounded-sm { border-radius: 4px;}
56
- .rounded-md { border-radius: 12px;}
57
- .rounded-lg { border-radius: 16px;}
58
- /* Colours: Background, Text, Borders, Accents */
59
- .bg-primary-10 { background-color: #C0E9FF;}
60
- .bg-primary-20 { background-color: #9ADCFF;}
61
- .bg-primary-30 { background-color: #75CFFF;}
62
- .bg-primary-40 { background-color: #4FC1FF;}
63
- .bg-primary-50 { background-color: #29B4FF;}
64
- .bg-primary-60 { background-color: #04A7FF;}
65
- .bg-primary-70 { background-color: #0090DD;}
66
- .bg-primary-80 { background-color: #0077B6;}
67
- .bg-primary-90 { background-color: #004469;}
68
- .bg-primary-100 { background-color: #00111A;}
69
- .text-primary-80 { color: #0077B6;}
70
- .text-primary-90 { color: #004469;}
71
- .border-primary-10 { border-color: #C0E9FF;}
72
- .border-primary-80 { border-color: #0077B6;}
73
- .accent-primary-80 { accent-color: #0077B6;}
74
- .bg-success-10 { background-color: #BAFEF1;}
75
- .text-success-70 { color: #02AA89;}
76
- .text-success-80 { color: #017F65;}
77
- .border-success-50 { border-color: #09FDCC;}
78
- .bg-warning-10 { background-color: #FFF2C9;}
79
- .text-warning-70 { color: #FFC821;}
80
- .text-warning-80 { color: #FFC107;}
81
- .border-warning-50 { border-color: #FFD659;}
82
- .bg-error-10 { background-color: #FFBFBF;}
83
- .bg-error-80 { background-color: #B20000;}
84
- .text-error-70 { color: #D90000;}
85
- .text-error-80 { color: #B20000;}
86
- .border-error-50 { border-color: #FF2626;}
87
- .bg-neutral-10 { background-color: #DCDCDC;}
88
- .bg-neutral-20 { background-color: #C6C6C6;}
89
- .text-neutral-60 { color: #6C6C6C;}
90
- .text-neutral-70 { color: #565656;}
91
- .text-neutral-80 { color: #404040;}
92
- .text-neutral-90 { color: #262626;}
93
- .border-neutral-20 { border-color: #C6C6C6;}
94
- .bg-white { background-color: #ffffff;}
95
- .text-white { color: #ffffff;}
96
- .shadow-md { box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);}
97
- /* Forms */
98
- .appearance-none { appearance: none;}
99
- .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;}
100
- .duration-200 { transition-duration: 200ms;}
101
- .cursor-pointer { cursor: pointer;}
102
- .hover\:bg-primary-10:hover { background-color: #C0E9FF;}
103
- .hover\:bg-primary-90:hover { background-color: #004469;}
104
- .hover\:bg-error-90:hover { background-color: #660000;}
105
- .hover\:bg-neutral-20:hover { background-color: #C6C6C6;}
106
- .hover\:bg-neutral-30:hover { background-color: #AFAFAF;}
107
- .focus-visible\:border-primary-50:focus-visible { border-color: #29B4FF;}
108
- .focus-visible\:ring-2:focus-visible { box-shadow: 0 0 0 2px var(--ring-color, transparent);}
109
- .focus-visible\:ring-primary-50:focus-visible { --ring-color: var(--color-primary-50);}
110
- .focus-visible\:outline-none:focus-visible { outline: 2px solid transparent; outline-offset: 2px;}
package/dist/emily.demo.min.css DELETED
@@ -1 +0,0 @@
1
- .block{ display: block;} .flex{ display: flex;} .grid{ display: grid;} .py-2{ padding-top: 0.5rem;padding-bottom: 0.5rem;} .px-3{ padding-left: 0.75rem;padding-right: 0.75rem;} .py-3{ padding-top: 0.75rem;padding-bottom: 0.75rem;} .p-4{ padding: 1rem;} .px-4{ padding-left: 1rem;padding-right: 1rem;} .p-6{ padding: 1.5rem;} .px-6{ padding-left: 1.5rem;padding-right: 1.5rem;} .p-8{ padding: 2rem;} .p-12{ padding: 3rem;} .p-0\.5{ padding: 0.125rem;} .mb-2{ margin-bottom: 0.5rem;} .mb-3{ margin-bottom: 0.75rem;} .mb-4{ margin-bottom: 1rem;} .ml-4{ margin-left: 1rem;} .mb-6{ margin-bottom: 1.5rem;} .mb-8{ margin-bottom: 2rem;} .my-16{ margin-top: 4rem;margin-bottom: 4rem;} .mb-20{ margin-bottom: 5rem;} .mb-24{ margin-bottom: 6rem;} .m-1\.5{ margin: 0.375rem;} .mx-auto{ margin-left: auto;margin-right: auto;} .flex-col{ flex-direction: column;} .flex-1{ flex: 1 1 0%;} .items-center{ align-items: center;} .grid-cols-6{ grid-template-columns: repeat(6, minmax(0, 1fr));} .gap-4{ gap: 1rem;} .gap-6{ gap: 1.5rem;} .gap-8{ gap: 2rem;} .w-4{ width: 1rem;} .h-4{ height: 1rem;} .w-full{ width: 100%;} .max-w-xs{ max-width: 20rem;} .max-w-sm{ max-width: 24rem;} .max-w-md{ max-width: 28rem;} .max-w-2xl{ max-width: 42rem;} .text-xs{ font-size: var(--text-xs);line-height: 1.5;} .text-sm{ font-size: var(--text-sm);line-height: 1.5;} .text-base{ font-size: var(--text-base);line-height: 1.6;} .text-lg{ font-size: var(--text-lg);line-height: 1.6;} .text-xl{ font-size: var(--text-xl);line-height: 1.6;} .text-2xl{ font-size: var(--text-2xl);line-height: 1.4;} .text-4xl{ font-size: var(--text-4xl);line-height: 1.3;} .font-semibold{ font-weight: 600;} .font-bold{ font-weight: 700;} .text-center{ text-align: center;} .border-0{ border-width: 0px;} .border-2{ border-width: 2px;} .border-l-4{ border-left-width: 4px;} .rounded{ border-radius: 8px;} .rounded-sm{ border-radius: 4px;} .rounded-md{ border-radius: 12px;} .rounded-lg{ border-radius: 16px;} .bg-primary-10{ background-color: #C0E9FF;} .bg-primary-20{ background-color: #9ADCFF;} .bg-primary-30{ background-color: #75CFFF;} .bg-primary-40{ background-color: #4FC1FF;} .bg-primary-50{ background-color: #29B4FF;} .bg-primary-60{ background-color: #04A7FF;} .bg-primary-70{ background-color: #0090DD;} .bg-primary-80{ background-color: #0077B6;} .bg-primary-90{ background-color: #004469;} .bg-primary-100{ background-color: #00111A;} .text-primary-80{ color: #0077B6;} .text-primary-90{ color: #004469;} .border-primary-10{ border-color: #C0E9FF;} .border-primary-80{ border-color: #0077B6;} .accent-primary-80{ accent-color: #0077B6;} .bg-success-10{ background-color: #BAFEF1;} .text-success-70{ color: #02AA89;} .text-success-80{ color: #017F65;} .border-success-50{ border-color: #09FDCC;} .bg-warning-10{ background-color: #FFF2C9;} .text-warning-70{ color: #FFC821;} .text-warning-80{ color: #FFC107;} .border-warning-50{ border-color: #FFD659;} .bg-error-10{ background-color: #FFBFBF;} .bg-error-80{ background-color: #B20000;} .text-error-70{ color: #D90000;} .text-error-80{ color: #B20000;} .border-error-50{ border-color: #FF2626;} .bg-neutral-10{ background-color: #DCDCDC;} .bg-neutral-20{ background-color: #C6C6C6;} .text-neutral-60{ color: #6C6C6C;} .text-neutral-70{ color: #565656;} .text-neutral-80{ color: #404040;} .text-neutral-90{ color: #262626;} .border-neutral-20{ border-color: #C6C6C6;} .bg-white{ background-color: #ffffff;} .text-white{ color: #ffffff;} .shadow-md{ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);} .appearance-none{ appearance: none;} .transition-colors{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms;} .duration-200{ transition-duration: 200ms;} .cursor-pointer{ cursor: pointer;} .hover\:bg-primary-10:hover{ background-color: #C0E9FF;} .hover\:bg-primary-90:hover{ background-color: #004469;} .hover\:bg-error-90:hover{ background-color: #660000;} .hover\:bg-neutral-20:hover{ background-color: #C6C6C6;} .hover\:bg-neutral-30:hover{ background-color: #AFAFAF;} .focus-visible\:border-primary-50:focus-visible{ border-color: #29B4FF;} .focus-visible\:ring-2:focus-visible{ box-shadow: 0 0 0 2px var(--ring-color, transparent);} .focus-visible\:ring-primary-50:focus-visible{ --ring-color: var(--color-primary-50);} .focus-visible\:outline-none:focus-visible{ outline: 2px solid transparent;outline-offset: 2px;}