@invopop/popui 0.0.112 → 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 +14 -9
  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 +47 -25
  6. package/dist/tw.theme.js +26 -1
  7. package/dist/types.d.ts +1 -1
  8. package/package.json +1 -1
package/dist/TagStatus.svelte CHANGED
@@ -16,12 +16,16 @@ $:
16
16
  "border border-blue-200": status === "blue" && dot,
17
17
  "bg-purple-100 text-purple-500": status === "purple",
18
18
  "border border-purple-200": status === "purple" && dot,
19
- "bg-[rgba(128,128,0,0.1)] text-[olive]": status === "olive",
20
- "border border-[olive]": status === "olive" && dot,
21
- "bg-[rgba(64,224,208,0.1)] text-[turquoise]": status === "turquoise",
22
- "border border-[turquoise]": status === "turquoise" && dot,
23
- "bg-[rgba(255,99,71,0.1)] text-[tomato]": status === "tomato",
24
- "border border-[tomato]": status === "tomato" && dot,
19
+ "bg-olive-100 text-olive-500": status === "olive",
20
+ "border border-olive-200": status === "olive" && dot,
21
+ "bg-teal-100 text-teal-500": status === "teal",
22
+ "border border-teal-200": status === "teal" && dot,
23
+ "bg-crimson-100 text-crimson-500": status === "crimson",
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,
@@ -37,9 +41,10 @@ $:
37
41
  "bg-warning-500": status === "orange",
38
42
  "bg-blue-500": status === "blue",
39
43
  "bg-purple-500": status === "purple",
40
- "bg-[olive]": status === "olive",
41
- "bg-[turquoise]": status === "turquoise",
42
- "bg-[tomato]": status === "tomato",
44
+ "bg-olive-500": status === "olive",
45
+ "bg-teal-500": status === "teal",
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,18 +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
- }
123
+ banner: {
124
+ sandbox: string;
125
+ warning: string;
126
+ danger: string;
127
+ };
128
+ 'blue-violet': {
129
+ 100: string;
130
+ 200: string;
131
+ 500: string;
132
+ };
133
+ crimson: {
134
+ 100: string;
135
+ 200: string;
136
+ 500: string;
137
+ };
138
+ 'steel-blue': {
139
+ 100: string;
140
+ 200: string;
141
+ 500: string;
142
+ };
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
+ };
131
154
  namespace boxShadow {
132
- export let active: string;
133
- let warning_2: string;
134
- export { warning_2 as warning };
155
+ let active: string;
156
+ let warning: string;
135
157
  }
136
158
  namespace letterSpacing {
137
159
  let tightest: string;
package/dist/tw.theme.js CHANGED
@@ -127,7 +127,32 @@ export default {
127
127
  banner: {
128
128
  sandbox: '#D2F7CB',
129
129
  warning: '#A04A12',
130
- danger: '#B32530',
130
+ danger: '#B32530'
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
+ },
147
+ olive: {
148
+ 100: 'rgba(117, 117, 30, 0.1)',
149
+ 200: 'rgba(117, 117, 30, 0.25)',
150
+ 500: 'rgba(117, 117, 30, 1)'
151
+ },
152
+ teal: {
153
+ 100: 'rgba(29, 142, 142, 0.1)',
154
+ 200: 'rgba(29, 142, 142, 0.25)',
155
+ 500: 'rgba(29, 142, 142, 1)'
131
156
  }
132
157
  },
133
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' | 'turquoise' | 'tomato' | '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.112",
4
+ "version": "0.0.114",
5
5
  "scripts": {
6
6
  "dev": "vite dev",
7
7
  "build": "vite build && npm run package",