@bbki.ng/ui 0.1.8 → 0.1.10

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/CHANGELOG.md +14 -0
  2. package/package.json +1 -1
  3. package/src/styles.css +29 -35
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @bbki.ng/ui
2
2
 
3
+ ## 0.1.10
4
+
5
+ ### Patch Changes
6
+
7
+ - 39157d1: udpate style
8
+ - 4d47ee1: fix: update style
9
+ - c602715: udpate style
10
+
11
+ ## 0.1.9
12
+
13
+ ### Patch Changes
14
+
15
+ - 3d9b106: add paper texture
16
+
3
17
  ## 0.1.8
4
18
 
5
19
  ### Patch Changes
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bbki.ng/ui",
3
- "version": "0.1.8",
3
+ "version": "0.1.10",
4
4
  "description": "Design system component library for bbki.ng",
5
5
  "type": "module",
6
6
  "sideEffects": [
package/src/styles.css CHANGED
@@ -91,42 +91,44 @@
91
91
  }
92
92
  }
93
93
 
94
- @utility animate-ping-fast {
95
- animation: blink 0.1s infinite;
96
- }
94
+ @layer utilities {
95
+ .animate-ping-fast {
96
+ animation: blink 0.1s infinite;
97
+ }
97
98
 
98
- @utility no-scrollbar {
99
- &::-webkit-scrollbar {
100
- display: none;
99
+ .no-scrollbar {
100
+ &::-webkit-scrollbar {
101
+ display: none;
102
+ }
103
+ -ms-overflow-style: none; /* IE and Edge */
104
+ scrollbar-width: none; /* Firefox */
101
105
  }
102
- -ms-overflow-style: none; /* IE and Edge */
103
- scrollbar-width: none; /* Firefox */
104
- }
105
106
 
106
- @utility blur-cover {
107
- background-color: rgba(255, 255, 255, 0.5);
108
- backdrop-filter: blur(7px);
109
- }
107
+ .blur-cover {
108
+ background-color: rgba(255, 255, 255, 0.5);
109
+ backdrop-filter: blur(7px);
110
+ }
110
111
 
111
- @utility gradient-blur-cover {
112
- backdrop-filter: blur(7px);
113
- background-image: linear-gradient(#ffffff, #ffffff80);
114
- }
112
+ .gradient-blur-cover {
113
+ backdrop-filter: blur(7px);
114
+ background-image: linear-gradient(#ffffff, #ffffff80);
115
+ }
115
116
 
116
- @utility prose {
117
- color: #111;
118
- }
117
+ .lqip-blur {
118
+ backdrop-filter: blur(20px);
119
+ }
119
120
 
120
- @utility lqip-blur {
121
- backdrop-filter: blur(20px);
122
- }
121
+ .text-blur {
122
+ backdrop-filter: blur(8px);
123
+ }
123
124
 
124
- @utility animate-ping-fast {
125
- animation: blink 0.1s infinite;
126
- }
125
+ .text-blur-tiny {
126
+ backdrop-filter: blur(2px);
127
+ }
127
128
 
128
- @layer utilities {
129
129
  .prose {
130
+ color: #111;
131
+
130
132
  a,
131
133
  &:where(a):not(:where([class~='not-prose'] *)) {
132
134
  color: rgb(37, 99, 235);
@@ -146,11 +148,3 @@
146
148
  }
147
149
  }
148
150
  }
149
-
150
- @utility text-blur {
151
- backdrop-filter: blur(8px);
152
- }
153
-
154
- @utility text-blur-tiny {
155
- backdrop-filter: blur(2px);
156
- }