@invopop/popui 0.0.113 → 0.0.114

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 (8) hide show
  1. package/dist/TagStatus.svelte +5 -0
  2. package/dist/svg/IconDelivery.svelte +0 -3
  3. package/dist/svg/IconOrder.svelte +0 -3
  4. package/dist/svg/IconPayment.svelte +0 -3
  5. package/dist/tw.theme.d.ts +35 -28
  6. package/dist/tw.theme.js +18 -8
  7. package/dist/types.d.ts +1 -1
  8. package/package.json +1 -1
package/dist/TagStatus.svelte CHANGED
@@ -22,6 +22,10 @@ $:
22
22
  "border border-teal-200": status === "teal" && dot,
23
23
  "bg-crimson-100 text-crimson-500": status === "crimson",
24
24
  "border border-crimson-200": status === "crimson" && dot,
25
+ "bg-blue-violet-100 text-blue-violet-500": status === "blueViolet",
26
+ "border border-blue-violet-200": status === "blueViolet" && dot,
27
+ "bg-steel-blue-100 text-steel-blue-500": status === "steelBlue",
28
+ "border border-steel-blue-200": status === "steelBlue" && dot,
25
29
  "border border-dashed border-neutral-200 text-neutral-400": status === "empty",
26
30
  "bg-neutral-100 text-neutral-500": status === "grey",
27
31
  "border border-neutral-200": status === "grey" && dot,
@@ -40,6 +44,7 @@ $:
40
44
  "bg-olive-500": status === "olive",
41
45
  "bg-teal-500": status === "teal",
42
46
  "bg-crimson-500": status === "crimson",
47
+ "bg-blue-violet-500": status === "blueViolet",
43
48
  "bg-neutral-300": status === "empty",
44
49
  "bg-neutral-500": status === "grey"
45
50
  });
package/dist/svg/IconDelivery.svelte CHANGED
@@ -3,9 +3,6 @@
3
3
 
4
4
  <svg class={classes} xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 97 117">
5
5
  <g filter="url(#a)">
6
- <foreignObject width="97" height="119" x="0" y="-2">
7
- <div style="backdrop-filter:blur(10px);clip-path:url(#b);height:100%;width:100%" />
8
- </foreignObject>
9
6
  <g data-figma-bg-blur-radius="20">
10
7
  <rect width="57" height="79" x="20" y="18" fill="#fff" rx="6" />
11
8
  <rect width="57" height="79" x="20" y="18" fill="currentColor" fill-opacity=".02" rx="6" />
package/dist/svg/IconOrder.svelte CHANGED
@@ -3,9 +3,6 @@
3
3
 
4
4
  <svg class={classes} xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 97 117">
5
5
  <g filter="url(#a)">
6
- <foreignObject width="97" height="119" x="0" y="-2">
7
- <div style="backdrop-filter:blur(10px);clip-path:url(#b);height:100%;width:100%" />
8
- </foreignObject>
9
6
  <g data-figma-bg-blur-radius="20">
10
7
  <rect width="57" height="79" x="20" y="18" fill="#fff" rx="6" />
11
8
  <rect width="57" height="79" x="20" y="18" fill="currentColor" fill-opacity=".02" rx="6" />
package/dist/svg/IconPayment.svelte CHANGED
@@ -3,9 +3,6 @@
3
3
 
4
4
  <svg class={classes} xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 97 117">
5
5
  <g filter="url(#a)">
6
- <foreignObject width="97" height="119" x="0" y="-2">
7
- <div style="backdrop-filter:blur(10px);clip-path:url(#b);height:100%;width:100%" />
8
- </foreignObject>
9
6
  <g data-figma-bg-blur-radius="20">
10
7
  <rect width="57" height="79" x="20" y="18" fill="#fff" rx="6" />
11
8
  <rect width="57" height="79" x="20" y="18" fill="currentColor" fill-opacity=".02" rx="6" />
package/dist/tw.theme.d.ts CHANGED
@@ -18,9 +18,9 @@ declare namespace _default {
18
18
  namespace minWidth {
19
19
  let dropdown: string;
20
20
  }
21
- namespace colors {
22
- namespace workspace {
23
- let accent: {
21
+ let colors: {
22
+ workspace: {
23
+ accent: {
24
24
  DEFAULT: string;
25
25
  50: string;
26
26
  100: string;
@@ -29,8 +29,8 @@ declare namespace _default {
29
29
  600: string;
30
30
  700: string;
31
31
  };
32
- }
33
- let positive: {
32
+ };
33
+ positive: {
34
34
  50: string;
35
35
  100: string;
36
36
  200: string;
@@ -38,7 +38,7 @@ declare namespace _default {
38
38
  400: string;
39
39
  500: string;
40
40
  };
41
- let danger: {
41
+ danger: {
42
42
  50: string;
43
43
  100: string;
44
44
  200: string;
@@ -48,7 +48,7 @@ declare namespace _default {
48
48
  600: string;
49
49
  700: string;
50
50
  };
51
- let neutral: {
51
+ neutral: {
52
52
  50: string;
53
53
  100: string;
54
54
  200: string;
@@ -59,7 +59,7 @@ declare namespace _default {
59
59
  700: string;
60
60
  800: string;
61
61
  };
62
- let sherwood: {
62
+ sherwood: {
63
63
  50: string;
64
64
  100: string;
65
65
  200: string;
@@ -69,7 +69,7 @@ declare namespace _default {
69
69
  600: string;
70
70
  700: string;
71
71
  };
72
- let warning: {
72
+ warning: {
73
73
  50: string;
74
74
  100: string;
75
75
  200: string;
@@ -77,7 +77,7 @@ declare namespace _default {
77
77
  400: string;
78
78
  500: string;
79
79
  };
80
- let white: {
80
+ white: {
81
81
  DEFAULT: string;
82
82
  5: string;
83
83
  10: string;
@@ -90,7 +90,7 @@ declare namespace _default {
90
90
  80: string;
91
91
  90: string;
92
92
  };
93
- let yellow: {
93
+ yellow: {
94
94
  50: string;
95
95
  100: string;
96
96
  200: string;
@@ -99,7 +99,7 @@ declare namespace _default {
99
99
  500: string;
100
100
  600: string;
101
101
  };
102
- let blue: {
102
+ blue: {
103
103
  50: string;
104
104
  100: string;
105
105
  200: string;
@@ -107,12 +107,12 @@ declare namespace _default {
107
107
  400: string;
108
108
  500: string;
109
109
  };
110
- let red: {
110
+ red: {
111
111
  50: string;
112
112
  100: string;
113
113
  500: string;
114
114
  };
115
- let purple: {
115
+ purple: {
116
116
  50: string;
117
117
  100: string;
118
118
  200: string;
@@ -120,33 +120,40 @@ declare namespace _default {
120
120
  400: string;
121
121
  500: string;
122
122
  };
123
- namespace banner {
124
- export let sandbox: string;
125
- let warning_1: string;
126
- export { warning_1 as warning };
127
- let danger_1: string;
128
- export { danger_1 as danger };
129
- }
130
- let olive: {
123
+ banner: {
124
+ sandbox: string;
125
+ warning: string;
126
+ danger: string;
127
+ };
128
+ 'blue-violet': {
131
129
  100: string;
132
130
  200: string;
133
131
  500: string;
134
132
  };
135
- let crimson: {
133
+ crimson: {
136
134
  100: string;
137
135
  200: string;
138
136
  500: string;
139
137
  };
140
- let teal: {
138
+ 'steel-blue': {
141
139
  100: string;
142
140
  200: string;
143
141
  500: string;
144
142
  };
145
- }
143
+ olive: {
144
+ 100: string;
145
+ 200: string;
146
+ 500: string;
147
+ };
148
+ teal: {
149
+ 100: string;
150
+ 200: string;
151
+ 500: string;
152
+ };
153
+ };
146
154
  namespace boxShadow {
147
- export let active: string;
148
- let warning_2: string;
149
- export { warning_2 as warning };
155
+ let active: string;
156
+ let warning: string;
150
157
  }
151
158
  namespace letterSpacing {
152
159
  let tightest: string;
package/dist/tw.theme.js CHANGED
@@ -129,20 +129,30 @@ export default {
129
129
  warning: '#A04A12',
130
130
  danger: '#B32530'
131
131
  },
132
+ 'blue-violet': {
133
+ 100: 'rgba(111, 36, 209, 0.1)',
134
+ 200: 'rgba(111, 36, 209, 0.25)',
135
+ 500: 'rgba(111, 36, 209, 1)'
136
+ },
137
+ crimson: {
138
+ 100: 'rgba(198, 32, 91, 0.1)',
139
+ 200: 'rgba(198, 32, 91, 0.25)',
140
+ 500: 'rgba(198, 32, 91, 1)'
141
+ },
142
+ 'steel-blue': {
143
+ 100: 'rgba(15, 124, 187, 0.1)',
144
+ 200: 'rgba(15, 124, 187, 0.25)',
145
+ 500: 'rgba(15, 124, 187, 1)'
146
+ },
132
147
  olive: {
133
148
  100: 'rgba(117, 117, 30, 0.1)',
134
149
  200: 'rgba(117, 117, 30, 0.25)',
135
150
  500: 'rgba(117, 117, 30, 1)'
136
151
  },
137
- crimson: {
138
- 100: 'rgba(220, 20, 60, 0.1)',
139
- 200: 'rgba(220, 20, 60, 0.25)',
140
- 500: 'rgba(220, 20, 60, 1)'
141
- },
142
152
  teal: {
143
- 100: 'rgba(0, 128, 128, 0.1)',
144
- 200: 'rgba(0, 128, 128, 0.25)',
145
- 500: 'rgba(0, 128, 128, 1)'
153
+ 100: 'rgba(29, 142, 142, 0.1)',
154
+ 200: 'rgba(29, 142, 142, 0.25)',
155
+ 500: 'rgba(29, 142, 142, 1)'
146
156
  }
147
157
  },
148
158
 
package/dist/types.d.ts CHANGED
@@ -2,7 +2,7 @@ import type { IconSource } from '@steeze-ui/svelte-icon';
2
2
  export type IconTheme = 'default' | 'solid' | 'mini';
3
3
  export type IconPosition = 'right' | 'left';
4
4
  export type ButtonVariant = 'default' | 'primary' | 'secondary' | 'warning' | 'danger' | 'dark' | 'outline';
5
- export type StatusType = 'grey' | 'green' | 'yellow' | 'red' | 'orange' | 'blue' | 'purple' | 'olive' | 'teal' | 'crimson' | 'empty';
5
+ export type StatusType = 'grey' | 'green' | 'yellow' | 'red' | 'orange' | 'blue' | 'purple' | 'olive' | 'teal' | 'crimson' | 'blueViolet' | 'steelBlue' | 'empty';
6
6
  export type AnyProp = string | number | object | boolean;
7
7
  export type SidebarIcon = {
8
8
  path: string;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@invopop/popui",
3
3
  "license": "MIT",
4
- "version": "0.0.113",
4
+ "version": "0.0.114",
5
5
  "scripts": {
6
6
  "dev": "vite dev",
7
7
  "build": "vite build && npm run package",