@invopop/popui 0.0.71 → 0.0.73

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.
@@ -4,8 +4,8 @@
4
4
  .hr-separator {
5
5
  border-image: repeating-linear-gradient(
6
6
  90deg,
7
- rgba(229, 231, 235, 1),
8
- rgba(229, 231, 235, 1) 3px,
7
+ rgba(209, 213, 219, 1),
8
+ rgba(209, 213, 219, 1) 3px,
9
9
  transparent 3px,
10
10
  transparent 7px
11
11
  );
@@ -1,138 +1,143 @@
1
- <svg width="352" height="120" viewBox="0 0 352 120" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g clip-path="url(#clip0_3803_83677)">
3
- <path
4
- d="M35.6124 12.398H0.445717M35.6124 12.398V-36.2311M35.6124 12.398L53.1259 36.7825M0.445717 61.0272L-34.7209 12.398H0.445717M0.445717 61.0272L0.306166 109.517M0.445717 61.0272H70.6395M0.306166 109.517H-34.7209L0.306166 158.146H35.3333M0.306166 109.517H35.3333M0.306166 109.517L35.3333 158.146M105.667 158.146L123.25 182.6V133.831M105.667 158.146H70.4999M105.667 158.146L88.1531 133.831M105.667 158.146V109.517M123.25 133.831L140.833 158.146H175.954L140.833 109.517M123.25 133.831L105.667 109.517M140.833 109.517H176M140.833 109.517L105.806 61.0272M140.833 109.517H105.667M176 109.517L211.027 158.146H246.194M176 109.517H246.333M176 109.517L140.833 61.0272H105.806M316.527 158.146L334.11 182.6V133.971M316.527 158.146L316.574 109.656M316.527 158.146H281.36M316.527 158.146L281.5 109.517M334.11 133.971L351.554 158.146H386.721L351.694 109.656M334.11 133.971L316.574 109.656M351.694 109.656H386.86L351.694 61.0272H316.667M351.694 109.656L316.667 61.0272M351.694 109.656H316.574M316.667 61.0272V-36.2311H351.833V12.398H281.5M316.667 61.0272H281.5M281.5 12.398V61.0272M281.5 12.398C281.5 -6.59284 281.5 -17.2403 281.5 -36.2311L263.917 -60.6156M281.5 12.398L246.333 -36.2311M281.5 61.0272L246.333 12.2583M281.5 61.0272H246.333M281.5 61.0272V109.517M281.5 61.0272L299.037 85.3417M211.167 61.0272L176 12.2583H211.167M211.167 61.0272H246.333M211.167 61.0272V109.517L246.194 158.146M246.333 12.2583V-36.2311M246.333 12.2583H211.167M246.333 -36.2311V-85L263.917 -60.6156M246.333 -36.2311H211.167V12.2583M263.917 -60.6156V36.6427M211.167 12.2583L246.333 61.0272M246.333 61.0272V109.517M316.574 109.656L299.037 85.3417M246.194 158.146H281.36M281.5 109.517H246.333M246.333 109.517L281.36 158.146M299.037 85.3417V133.831M0.445717 12.398V-36.2311H35.6124M0.445717 12.398L35.3333 61.0272V109.517M35.6124 -36.2311V-84.8603L53.1259 -60.4758M35.6124 -36.2311L70.6395 12.5378M70.6395 12.5378V-36.0914L53.1259 -60.4758M70.6395 12.5378H140.973V-36.0914H105.806V61.0272M70.6395 12.5378V61.0272M70.6395 61.0272L53.1259 36.7825M70.6395 61.0272H105.806M70.6395 61.0272V109.517M70.6395 61.0272L88.1531 85.2719M53.1259 -60.4758V36.7825M105.667 109.517L88.1531 85.2719M70.6395 109.517H35.3333M70.6395 109.517L88.1531 133.831M35.3333 109.517L70.4999 158.146M35.3333 158.146H70.4999M88.1531 85.2719V133.831"
5
- stroke="url(#paint0_radial_3803_83677)"
6
- stroke-width="0.6"
7
- />
8
- <g filter="url(#filter0_bd_3803_83677)">
9
- <rect x="144" y="28" width="64" height="64" rx="12" fill="white" />
10
- <rect
11
- x="144"
12
- y="28"
13
- width="64"
14
- height="64"
1
+ <svg
2
+ fill="none"
3
+ xmlns="http://www.w3.org/2000/svg"
4
+ viewBox="0 0 352 120"
5
+ >
6
+ <g clip-path="url(#a99)">
7
+ <mask
8
+ id="b98"
9
+ style="mask-type:alpha"
10
+ maskUnits="userSpaceOnUse"
11
+ x="0"
12
+ y="-1"
13
+ width="353"
14
+ height="121"
15
+ >
16
+ <path
17
+ d="M0-1h353v121H0V-1Zm78 47a6 6 0 0 1 6-6h30a6 6 0 0 1 6 6v30a6 6 0 0 1-6 6H84a6 6 0 0 1-6-6V46Zm167-6a6 6 0 0 0-6 6v30a6 6 0 0 0 6 6h30a6 6 0 0 0 6-6V46a6 6 0 0 0-6-6h-30Z"
18
+ fill-rule="evenodd"
19
+ clip-rule="evenodd"
20
+ fill="#D9D9D9"
21
+ />
22
+ </mask>
23
+ <g mask="url(#b98)">
24
+ <path
25
+ d="M35.6 12.4H.4m35.2 0v-48.6m0 48.6 17.5 24.4M.4 61l-35.1-48.6H.4M.4 61v48.5M.3 61h70.2M.3 109.5h-35l35 48.6h35m-35-48.6h35m-35 0 35 48.6m70.4 0 17.5 24.5v-48.8m-17.5 24.3H70.5m35.2 0-17.5-24.3m17.5 24.3v-48.6m17.5 24.3 17.6 24.3H176l-35.2-48.6m-17.6 24.3-17.5-24.3m35.1 0H176m-35.2 0-35-48.5m35 48.5h-35.1m70.3 0 35 48.6h35.2M176 109.5h70.3m-70.3 0L140.8 61h-35"
26
+ stroke="url(#c97)"
27
+ stroke-width=".6"
28
+ />
29
+ </g>
30
+ <g filter="url(#d96)">
31
+ <rect
32
+ x="144"
33
+ y="28"
34
+ width="64"
35
+ height="64"
36
+ rx="12"
37
+ fill="white"
38
+ />
39
+ <rect
40
+ x="144"
41
+ y="28"
42
+ width="64"
43
+ height="64"
15
44
  rx="12"
16
- fill="var(--workspace-accent-color, #169958)"
17
- fill-opacity="0.02"
18
45
  />
19
- <rect
20
- x="144.4"
21
- y="28.4"
22
- width="63.2"
23
- height="63.2"
24
- rx="11.6"
25
- stroke="var(--workspace-accent-color, #169958)"
26
- stroke-opacity="0.6"
27
- stroke-width="0.8"
46
+ <rect
47
+ x="144.4"
48
+ y="28.4"
49
+ width="63.2"
50
+ height="63.2"
51
+ rx="11.6"
52
+ stroke="var(--workspace-accent-color, #169958)"
53
+ stroke-opacity=".6"
54
+ stroke-width="1"
28
55
  />
29
- <rect
30
- x="148.3"
31
- y="32.3"
32
- width="55.4"
33
- height="55.4"
34
- rx="7.7"
35
- stroke="var(--workspace-accent-color, #169958)"
36
- stroke-opacity="0.4"
37
- stroke-width="0.6"
56
+ <rect
57
+ x="148.3"
58
+ y="32.3"
59
+ width="55.4"
60
+ height="55.4"
61
+ rx="7.7"
62
+ stroke="var(--workspace-accent-color, #169958)"
63
+ stroke-opacity=".4"
64
+ stroke-width=".6"
38
65
  />
39
66
  </g>
40
- <rect x="238" y="39" width="44" height="44" rx="8" fill="white" />
41
- <rect
42
- x="238.344"
43
- y="39.3438"
44
- width="43.3125"
45
- height="43.3125"
46
- rx="7.65625"
47
- stroke="#030712"
48
- stroke-opacity="0.1"
49
- stroke-width="0.6875"
67
+ <rect
68
+ x="238.3"
69
+ y="39.3"
70
+ width="43.3"
71
+ height="43.3"
72
+ rx="7.7"
73
+ stroke="#030712"
74
+ stroke-opacity=".1"
75
+ stroke-width=".7"
50
76
  stroke-dasharray="2 3"
51
77
  />
52
- <rect
53
- x="240.956"
54
- y="41.9563"
55
- width="38.0875"
56
- height="38.0875"
57
- rx="5.29375"
58
- stroke="#030712"
59
- stroke-opacity="0.05"
60
- stroke-width="0.4125"
61
- />
62
- <rect x="77" y="39" width="44" height="44" rx="8" fill="white" />
63
- <rect
64
- x="77.3438"
65
- y="39.3438"
66
- width="43.3125"
67
- height="43.3125"
68
- rx="7.65625"
69
- stroke="#030712"
70
- stroke-opacity="0.1"
71
- stroke-width="0.6875"
72
- stroke-dasharray="2 3"
73
- />
74
- <rect
75
- x="79.9563"
76
- y="41.9563"
77
- width="38.0875"
78
- height="38.0875"
79
- rx="5.29375"
80
- stroke="#030712"
81
- stroke-opacity="0.05"
82
- stroke-width="0.4125"
78
+ <rect
79
+ x="80"
80
+ y="42"
81
+ width="38.1"
82
+ height="38.1"
83
+ rx="5.3"
84
+ stroke="#030712"
85
+ stroke-opacity=".1"
86
+ stroke-width=".4"
83
87
  />
84
88
  </g>
85
89
  <defs>
86
- <filter
87
- id="filter0_bd_3803_83677"
88
- x="124"
89
- y="8"
90
- width="104"
91
- height="106"
92
- filterUnits="userSpaceOnUse"
93
- color-interpolation-filters="sRGB"
90
+ <radialGradient
91
+ id="c97"
92
+ cx="0"
93
+ cy="0"
94
+ r="1"
95
+ gradientUnits="userSpaceOnUse"
96
+ gradientTransform="matrix(.06967 120.59998 -345.06394 .19934 176 62)"
94
97
  >
95
- <feFlood flood-opacity="0" result="BackgroundImageFix" />
96
- <feGaussianBlur in="BackgroundImageFix" stdDeviation="10" />
97
- <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_3803_83677" />
98
- <feColorMatrix
99
- in="SourceAlpha"
100
- type="matrix"
101
- values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
102
- result="hardAlpha"
98
+ <stop
99
+ stop-color="#D1D5DB"
100
+ stop-opacity=".6"
103
101
  />
104
- <feOffset dy="2" />
105
- <feGaussianBlur stdDeviation="10" />
106
- <feComposite in2="hardAlpha" operator="out" />
107
- <feColorMatrix
108
- type="matrix"
109
- values="0 0 0 0 0.0392157 0 0 0 0 0.0392157 0 0 0 0 0.0392157 0 0 0 0.04 0"
102
+ <stop
103
+ offset=".5"
104
+ stop-color="#D1D5DB"
105
+ stop-opacity="0"
110
106
  />
111
- <feBlend
112
- mode="normal"
113
- in2="effect1_backgroundBlur_3803_83677"
114
- result="effect2_dropShadow_3803_83677"
107
+ </radialGradient>
108
+ <clipPath id="a99">
109
+ <path
110
+ fill="#fff"
111
+ d="M0 0h352v120H0z"
112
+ />
113
+ </clipPath>
114
+ <filter
115
+ id="d96"
116
+ x="124"
117
+ y="8"
118
+ width="104"
119
+ height="106"
120
+ filterUnits="userSpaceOnUse"
121
+ color-interpolation-filters="sRGB"
122
+ >
123
+ <feFlood
124
+ flood-opacity="0"
125
+ result="BackgroundImageFix"
115
126
  />
116
- <feBlend
117
- mode="normal"
118
- in="SourceGraphic"
119
- in2="effect2_dropShadow_3803_83677"
120
- result="shape"
127
+ <feColorMatrix
128
+ in="SourceAlpha"
129
+ values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
130
+ result="hardAlpha"
131
+ />
132
+ <feOffset dy="2"/>
133
+ <feGaussianBlur stdDeviation="10"/>
134
+ <feComposite
135
+ in2="hardAlpha"
136
+ operator="out"
121
137
  />
138
+ <feColorMatrix values="0 0 0 0 0.0392157 0 0 0 0 0.0392157 0 0 0 0 0.0392157 0 0 0 0.04 0"/>
139
+ <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_280_210"/>
140
+ <feBlend in="SourceGraphic" in2="effect1_dropShadow_280_210" result="shape"/>
122
141
  </filter>
123
- <radialGradient
124
- id="paint0_radial_3803_83677"
125
- cx="0"
126
- cy="0"
127
- r="1"
128
- gradientUnits="userSpaceOnUse"
129
- gradientTransform="translate(176 62) rotate(89.9669) scale(120.6 345.064)"
130
- >
131
- <stop stop-color="#D1D5DB" stop-opacity="0.56" />
132
- <stop offset="0.537503" stop-color="#D1D5DB" stop-opacity="0" />
133
- </radialGradient>
134
- <clipPath id="clip0_3803_83677">
135
- <rect width="352" height="120" fill="white" />
136
- </clipPath>
137
142
  </defs>
138
143
  </svg>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@invopop/popui",
3
3
  "license": "MIT",
4
- "version": "0.0.71",
4
+ "version": "0.0.73",
5
5
  "scripts": {
6
6
  "dev": "vite dev",
7
7
  "build": "vite build && npm run package",
@@ -83,7 +83,7 @@
83
83
  "dependencies": {
84
84
  "@beyonk/svelte-datepicker": "^13.0.3",
85
85
  "@floating-ui/core": "^1.5.1",
86
- "@invopop/ui-icons": "0.0.55",
86
+ "@invopop/ui-icons": "0.0.57",
87
87
  "@steeze-ui/heroicons": "^2.2.3",
88
88
  "@steeze-ui/svelte-icon": "^1.5.0",
89
89
  "@twind/core": "^1.1.3",