@liner-fe/prism 2.6.8 → 2.6.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 (8) hide show
  1. package/lib/illust.d.ts +2 -2
  2. package/lib/illust.js +2 -1
  3. package/lib/index.css +112 -76
  4. package/lib/index.d.ts +5 -3
  5. package/lib/index.js +101 -60
  6. package/lib/static/illust/dark/mini-empty.webp +0 -0
  7. package/lib/static/illust/light/mini-empty.webp +0 -0
  8. package/package.json +1 -1
package/lib/illust.d.ts CHANGED
@@ -2,8 +2,8 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import { ImageProps } from 'next/image';
3
3
  import { Property } from 'csstype';
4
4
 
5
- type LightIllustType = "hero-gift" | "hero-search" | "mini-approve" | "mini-documents-2" | "mini-documents-3" | "mini-documents-4" | "mini-documents-5" | "mini-documents" | "mini-egg" | "mini-empty-message" | "mini-gift" | "mini-graduation_hat" | "mini-not-search" | "mini-not-ticket-2" | "mini-private" | "mini-search" | "mini-ticket" | "mini-window" | "spot-catch_star" | "spot-clap" | "spot-empty" | "spot-gift" | "spot-no_search" | "spot-search-2" | "spot-search-3" | "spot-search-4" | "spot-search-5" | "spot-search" | "spot-sign_up" | "spot-write";
6
- type DarkIllustType = "hero-gift" | "hero-search" | "mini-approve" | "mini-documents-2" | "mini-documents-3" | "mini-documents-4" | "mini-documents-5" | "mini-documents" | "mini-egg" | "mini-empty-message" | "mini-gift" | "mini-graduation_hat" | "mini-not-search" | "mini-not-ticket-2" | "mini-private" | "mini-search" | "mini-ticket" | "mini-window" | "spot-catch_star" | "spot-clap" | "spot-empty" | "spot-gift" | "spot-no_search" | "spot-search-2" | "spot-search-3" | "spot-search-4" | "spot-search-5" | "spot-search" | "spot-sign_up" | "spot-write";
5
+ type LightIllustType = "hero-gift" | "hero-search" | "mini-approve" | "mini-documents-2" | "mini-documents-3" | "mini-documents-4" | "mini-documents-5" | "mini-documents" | "mini-egg" | "mini-empty-message" | "mini-empty" | "mini-gift" | "mini-graduation_hat" | "mini-not-search" | "mini-not-ticket-2" | "mini-private" | "mini-search" | "mini-ticket" | "mini-window" | "spot-catch_star" | "spot-clap" | "spot-empty" | "spot-gift" | "spot-no_search" | "spot-search-2" | "spot-search-3" | "spot-search-4" | "spot-search-5" | "spot-search" | "spot-sign_up" | "spot-write";
6
+ type DarkIllustType = "hero-gift" | "hero-search" | "mini-approve" | "mini-documents-2" | "mini-documents-3" | "mini-documents-4" | "mini-documents-5" | "mini-documents" | "mini-egg" | "mini-empty-message" | "mini-empty" | "mini-gift" | "mini-graduation_hat" | "mini-not-search" | "mini-not-ticket-2" | "mini-private" | "mini-search" | "mini-ticket" | "mini-window" | "spot-catch_star" | "spot-clap" | "spot-empty" | "spot-gift" | "spot-no_search" | "spot-search-2" | "spot-search-3" | "spot-search-4" | "spot-search-5" | "spot-search" | "spot-sign_up" | "spot-write";
7
7
  type IllustType = DarkIllustType | LightIllustType;
8
8
 
9
9
  interface Source<T extends false | true = true> {
package/lib/illust.js CHANGED
@@ -65,7 +65,8 @@ var illustSize = {
65
65
  "spot-search-5": ratio["4:3"],
66
66
  "spot-search": ratio["4:3"],
67
67
  "spot-write": ratio["4:3"],
68
- "spot-gift": ratio["4:3"]
68
+ "spot-gift": ratio["4:3"],
69
+ "mini-empty": ratio["1:1"]
69
70
  };
70
71
 
71
72
  // src/components/Illust/index.tsx
package/lib/index.css CHANGED
@@ -1,7 +1,7 @@
1
1
  @charset "UTF-8";
2
2
 
3
3
  /* esbuild-sass-plugin:css-chunk:src/components/Button/style.module.scss */
4
- ._button_1ncka_1 {
4
+ ._button_60r7l_1 {
5
5
  position: relative;
6
6
  display: flex;
7
7
  align-items: center;
@@ -16,189 +16,192 @@
16
16
  overflow: hidden;
17
17
  cursor: pointer;
18
18
  }
19
- ._button_1ncka_1:disabled {
19
+ ._button_60r7l_1:disabled {
20
20
  background: var(--neutral-fill-overlay-mid);
21
21
  color: var(--neutral-label-tertiary);
22
22
  cursor: not-allowed;
23
23
  }
24
- ._button_1ncka_1:disabled span svg path:not([fill=white]) {
24
+ ._button_60r7l_1:disabled span svg path:not([fill=white]) {
25
25
  fill: var(--neutral-label-tertiary) !important;
26
26
  }
27
- ._button_1ncka_1:disabled span svg path[fill=white] {
27
+ ._button_60r7l_1:disabled span svg path[fill=white] {
28
28
  fill: var(--inverse-label-primary) !important;
29
29
  }
30
- ._default_1ncka_28 {
30
+ ._default_60r7l_28 {
31
31
  color: var(--inverse-label-primary);
32
32
  background: var(--lp-pri-achromatic-white);
33
33
  }
34
- ._default_1ncka_28 svg path {
34
+ ._default_60r7l_28 svg path {
35
35
  fill: var(--inverse-label-primary);
36
36
  }
37
- ._primary_1ncka_36 {
37
+ ._primary_60r7l_36 {
38
38
  color: var(--inverse-label-static-primary);
39
39
  background: var(--brand-container-mid);
40
40
  }
41
- ._primary_1ncka_36:not(:disabled):hover {
41
+ ._primary_60r7l_36:not(:disabled):hover {
42
42
  background: var(--brand-container-mid-hover);
43
43
  }
44
- ._secondary_1ncka_44 {
44
+ ._secondary_60r7l_44 {
45
45
  color: var(--inverse-label-static-primary);
46
46
  background: var(--brand-container-mid);
47
47
  }
48
- ._secondary_1ncka_44:not(:disabled):hover {
48
+ ._secondary_60r7l_44:not(:disabled):hover {
49
49
  background: var(--brand-container-mid-hover);
50
50
  }
51
- ._tertiary_1ncka_52 {
51
+ ._tertiary_60r7l_52 {
52
52
  color: var(--neutral-label-primary);
53
53
  background: var(--neutral-fill-overlay-mid);
54
54
  }
55
- ._tertiary_1ncka_52:not(:disabled):hover {
55
+ ._tertiary_60r7l_52:not(:disabled):hover {
56
56
  background: var(--neutral-fill-overlay-mid-hover);
57
57
  }
58
- ._quaternary_1ncka_60 {
58
+ ._quaternary_60r7l_60 {
59
59
  color: var(--neutral-label-primary);
60
60
  border: 1px solid var(--neutral-border-overlay-normal);
61
61
  background: var(--neutral-fill-overlay-lowest);
62
62
  }
63
- ._quaternary_1ncka_60:not(:disabled):hover {
63
+ ._quaternary_60r7l_60:not(:disabled):hover {
64
64
  background: var(--neutral-fill-overlay-lowest-hover);
65
65
  }
66
- ._quaternary_1ncka_60:disabled {
66
+ ._quaternary_60r7l_60:disabled {
67
67
  background: var(--neutral-fill-overlay-lowest);
68
68
  color: var(--neutral-label-tertiary);
69
69
  opacity: 0.4;
70
70
  }
71
- ._quaternary_1ncka_60:disabled svg path {
71
+ ._quaternary_60r7l_60:disabled svg path {
72
72
  fill: var(--neutral-label-tertiary) !important;
73
73
  }
74
- ._quinary_1ncka_77 {
74
+ ._quinary_60r7l_77 {
75
75
  color: var(--neutral-label-primary);
76
76
  background: var(--neutral-container-lowest);
77
77
  }
78
- ._quinary_1ncka_77:disabled {
78
+ ._quinary_60r7l_77:not(:disabled):hover {
79
+ background: var(--neutral-fill-overlay-lowest-hover);
80
+ }
81
+ ._quinary_60r7l_77:disabled {
79
82
  background: var(--neutral-fill-overlay-mid);
80
83
  color: var(--neutral-label-tertiary);
81
84
  }
82
- ._quinary_1ncka_77:disabled svg path {
85
+ ._quinary_60r7l_77:disabled svg path {
83
86
  fill: var(--neutral-label-tertiary) !important;
84
87
  }
85
- ._negative_1ncka_89 {
88
+ ._negative_60r7l_92 {
86
89
  color: var(--inverse-label-static-primary);
87
90
  background: var(--function-fill-negative-mid);
88
91
  }
89
- ._negative_1ncka_89:not(:disabled):hover {
92
+ ._negative_60r7l_92:not(:disabled):hover {
90
93
  background: var(--function-fill-negative-mid-hover);
91
94
  }
92
- ._static_1ncka_97 {
95
+ ._static_60r7l_100 {
93
96
  background: var(--neutral-container-static-lowest);
94
97
  color: var(--neutral-label-static-primary);
95
98
  }
96
- ._static_1ncka_97:not(:disabled):hover {
99
+ ._static_60r7l_100:not(:disabled):hover {
97
100
  background: var(--neutral-container-static-lowest-hover);
98
101
  }
99
- ._inverse-static_1ncka_105 {
102
+ ._inverse-static_60r7l_108 {
100
103
  background: var(--inverse-container-static-high);
101
104
  color: var(--inverse-label-static-primary);
102
105
  }
103
- ._inverse-static_1ncka_105:not(:disabled):hover {
106
+ ._inverse-static_60r7l_108:not(:disabled):hover {
104
107
  background: var(--inverse-container-static-high-hover);
105
108
  }
106
- ._ghost_1ncka_113._primary_1ncka_36 {
109
+ ._ghost_60r7l_116._primary_60r7l_36 {
107
110
  background: var(--inverse-fill-lowest);
108
111
  color: var(--neutral-label-primary);
109
112
  }
110
- ._ghost_1ncka_113._primary_1ncka_36:not(:disabled):hover {
113
+ ._ghost_60r7l_116._primary_60r7l_36:not(:disabled):hover {
111
114
  background: var(--neutral-fill-overlay-lowest-hover);
112
115
  }
113
- ._ghost_1ncka_113._primary_1ncka_36:disabled {
116
+ ._ghost_60r7l_116._primary_60r7l_36:disabled {
114
117
  background: var(--neutral-fill-overlay-lowest);
115
118
  color: var(--neutral-label-tertiary);
116
119
  }
117
- ._ghost_1ncka_113._primary_1ncka_36:disabled span svg path:not([fill=white]) {
120
+ ._ghost_60r7l_116._primary_60r7l_36:disabled span svg path:not([fill=white]) {
118
121
  fill: var(--neutral-label-tertiary);
119
122
  }
120
- ._ghost_1ncka_113._primary_1ncka_36:disabled span svg path[fill=white] {
123
+ ._ghost_60r7l_116._primary_60r7l_36:disabled span svg path[fill=white] {
121
124
  fill: var(--inverse-label-primary);
122
125
  }
123
- ._ghost_1ncka_113._secondary_1ncka_44 {
126
+ ._ghost_60r7l_116._secondary_60r7l_44 {
124
127
  background: var(--inverse-fill-lowest);
125
128
  color: var(--neutral-label-primary);
126
129
  }
127
- ._ghost_1ncka_113._secondary_1ncka_44:not(:disabled):hover {
130
+ ._ghost_60r7l_116._secondary_60r7l_44:not(:disabled):hover {
128
131
  background: var(--neutral-fill-overlay-lowest-hover);
129
132
  }
130
- ._ghost_1ncka_113._secondary_1ncka_44:disabled {
133
+ ._ghost_60r7l_116._secondary_60r7l_44:disabled {
131
134
  background: var(--neutral-fill-overlay-lowest);
132
135
  color: var(--neutral-label-tertiary);
133
136
  }
134
- ._ghost_1ncka_113._secondary_1ncka_44:disabled span svg path:not([fill=white]) {
137
+ ._ghost_60r7l_116._secondary_60r7l_44:disabled span svg path:not([fill=white]) {
135
138
  fill: var(--neutral-label-tertiary);
136
139
  }
137
- ._ghost_1ncka_113._secondary_1ncka_44:disabled span svg path[fill=white] {
140
+ ._ghost_60r7l_116._secondary_60r7l_44:disabled span svg path[fill=white] {
138
141
  fill: var(--inverse-label-primary);
139
142
  }
140
- ._cta_1ncka_148 {
143
+ ._cta_60r7l_151 {
141
144
  border-radius: var(--lp-sys-radius-m);
142
145
  width: fit-content;
143
146
  height: 52px;
144
147
  gap: 8px;
145
148
  min-width: 52px;
146
149
  }
147
- ._l_1ncka_156 {
150
+ ._l_60r7l_159 {
148
151
  border-radius: var(--lp-sys-radius-s);
149
152
  width: fit-content;
150
153
  height: 44px;
151
154
  min-width: 44px;
152
155
  }
153
- ._m_1ncka_163 {
156
+ ._m_60r7l_166 {
154
157
  border-radius: var(--lp-sys-radius-s);
155
158
  width: fit-content;
156
159
  height: 36px;
157
160
  min-width: 36px;
158
161
  }
159
- ._s_1ncka_44 {
162
+ ._s_60r7l_44 {
160
163
  border-radius: var(--lp-sys-radius-s);
161
164
  width: fit-content;
162
165
  height: 28px;
163
166
  min-width: 28px;
164
167
  }
165
- ._align-center_1ncka_177 > span {
168
+ ._align-center_60r7l_180 > span {
166
169
  width: 100%;
167
170
  justify-content: center;
168
171
  }
169
- ._align-space-between_1ncka_182 > span {
172
+ ._align-space-between_60r7l_185 > span {
170
173
  width: 100%;
171
174
  justify-content: space-between;
172
175
  }
173
- ._content_1ncka_187 {
176
+ ._content_60r7l_190 {
174
177
  flex-shrink: 0;
175
178
  line-height: 0;
176
179
  padding: 0px var(--lp-sys-padding-component-100);
177
180
  }
178
- ._full_1ncka_193 {
181
+ ._full_60r7l_196 {
179
182
  width: 100%;
180
183
  }
181
- ._fit-content_1ncka_197 {
184
+ ._fit-content_60r7l_200 {
182
185
  width: fit-content;
183
186
  }
184
- ._children_1ncka_201 {
187
+ ._children_60r7l_204 {
185
188
  display: flex;
186
189
  align-items: center;
187
190
  justify-content: center;
188
191
  }
189
- ._cta-children_1ncka_207 {
192
+ ._cta-children_60r7l_210 {
190
193
  padding: 0 var(--lp-sys-gap-positive-300);
191
194
  gap: var(--lp-sys-gap-positive-100);
192
195
  }
193
- ._l-children_1ncka_212 {
196
+ ._l-children_60r7l_215 {
194
197
  padding: 0 var(--lp-sys-gap-positive-200);
195
198
  gap: var(--lp-sys-gap-positive-50);
196
199
  }
197
- ._m-children_1ncka_217 {
200
+ ._m-children_60r7l_220 {
198
201
  padding: 0 var(--lp-sys-gap-positive-150);
199
202
  gap: var(--lp-sys-gap-positive-50);
200
203
  }
201
- ._s-children_1ncka_222 {
204
+ ._s-children_60r7l_225 {
202
205
  padding: 0 var(--lp-sys-gap-positive-150);
203
206
  gap: var(--lp-sys-gap-positive-50);
204
207
  }
@@ -1950,11 +1953,10 @@
1950
1953
  }
1951
1954
 
1952
1955
  /* esbuild-sass-plugin:css-chunk:src/components/Snackbar/style.module.scss */
1953
- ._Viewport_1hil0_1 {
1956
+ ._Viewport_1q9l5_1 {
1954
1957
  --viewport-padding: 25px;
1955
1958
  position: fixed;
1956
1959
  bottom: 0;
1957
- right: 0;
1958
1960
  display: flex;
1959
1961
  flex-direction: column;
1960
1962
  padding: var(--viewport-padding);
@@ -1966,82 +1968,97 @@
1966
1968
  outline: none;
1967
1969
  }
1968
1970
  @media (max-width: 500px) {
1969
- ._Viewport_1hil0_1 {
1971
+ ._Viewport_1q9l5_1 {
1970
1972
  max-width: calc(100vw - 50px);
1971
1973
  }
1972
1974
  }
1973
- ._NavigationWrapper_1hil0_22 {
1975
+ ._ViewportRight_1q9l5_21 {
1976
+ right: var(--right-distance, 0px);
1977
+ }
1978
+ ._ViewportLeft_1q9l5_25 {
1979
+ left: var(--left-distance, 0px);
1980
+ }
1981
+ ._extendedContainer_1q9l5_29 {
1982
+ min-width: 320px;
1983
+ }
1984
+ ._NavigationWrapper_1q9l5_33 {
1974
1985
  display: flex;
1975
1986
  align-items: center;
1976
1987
  justify-content: space-between;
1977
1988
  cursor: pointer;
1978
1989
  }
1979
- ._Wrapper_1hil0_29 {
1990
+ ._Wrapper_1q9l5_40 {
1980
1991
  display: flex;
1981
1992
  align-items: center;
1982
1993
  justify-content: space-between;
1983
1994
  }
1984
- ._Root_1hil0_35 {
1995
+ ._Root_1q9l5_46 {
1985
1996
  padding: var(--lp-sys-padding-component-400);
1986
1997
  border-radius: var(--lp-sys-radius-m);
1987
1998
  background: var(--inverse-container-static-high);
1988
1999
  position: relative;
1989
2000
  }
1990
- ._Root_1hil0_35:hover ._CloseButton_1hil0_41 {
2001
+ ._Root_1q9l5_46:hover ._CloseButton_1q9l5_52 {
1991
2002
  display: flex !important;
1992
2003
  }
1993
- ._CloseButton_1hil0_41 {
2004
+ ._CloseButton_1q9l5_52 {
1994
2005
  position: absolute;
1995
2006
  top: -8px;
1996
2007
  right: -8px;
1997
2008
  display: none !important;
1998
2009
  }
1999
- ._Content_1hil0_52 {
2010
+ ._Content_1q9l5_63 {
2000
2011
  display: flex;
2001
2012
  flex-direction: column;
2002
2013
  gap: var(--lp-sys-gap-positive-100);
2003
2014
  }
2004
- ._MarginRight12_1hil0_58 {
2015
+ ._MarginRight12_1q9l5_69 {
2005
2016
  margin-right: var(--lp-pri-size-12);
2006
2017
  }
2007
- ._ContentWrapper_1hil0_62 {
2018
+ ._ContentWrapper_1q9l5_73 {
2008
2019
  display: flex;
2009
2020
  align-items: center;
2010
2021
  gap: var(--lp-sys-gap-positive-200);
2011
2022
  }
2012
- ._gap300_1hil0_68 {
2023
+ ._gap300_1q9l5_79 {
2013
2024
  display: flex;
2014
2025
  flex-direction: column;
2015
2026
  gap: var(--lp-sys-gap-positive-300);
2016
2027
  }
2017
- ._minWidth32_1hil0_74 {
2028
+ ._minWidth32_1q9l5_85 {
2018
2029
  min-width: 32px;
2019
2030
  min-height: 32px;
2020
2031
  }
2021
- ._minWidth24_1hil0_79 {
2032
+ ._minWidth24_1q9l5_90 {
2022
2033
  min-width: 24px;
2023
2034
  min-height: 24px;
2024
2035
  }
2025
- ._JustifyEnd_1hil0_84 {
2036
+ ._JustifyEnd_1q9l5_95 {
2026
2037
  justify-content: end;
2027
2038
  }
2028
- ._Root_1hil0_35[data-state=open] {
2029
- animation: _slideIn_1hil0_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
2039
+ ._Root_1q9l5_46[data-state=open] {
2040
+ animation: _slideIn_1q9l5_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
2030
2041
  }
2031
- ._Root_1hil0_35[data-state=closed] {
2032
- animation: _hide_1hil0_1 100ms ease-in;
2042
+ ._Root_1q9l5_46[data-state=closed] {
2043
+ animation: _hide_1q9l5_1 100ms ease-in;
2033
2044
  }
2034
- ._Root_1hil0_35[data-swipe=move] {
2045
+ ._Root_1q9l5_46[data-swipe=move] {
2035
2046
  transform: translateX(var(--radix-toast-swipe-move-x));
2036
2047
  }
2037
- ._Root_1hil0_35[data-swipe=cancel] {
2048
+ ._Root_1q9l5_46[data-swipe=cancel] {
2038
2049
  transform: translateX(0);
2039
2050
  transition: transform 200ms ease-out;
2040
2051
  }
2041
- ._Root_1hil0_35[data-swipe=end] {
2042
- animation: _swipeOut_1hil0_1 100ms ease-out;
2052
+ ._Root_1q9l5_46[data-swipe=end] {
2053
+ animation: _swipeOut_1q9l5_1 100ms ease-out;
2043
2054
  }
2044
- @keyframes _hide_1hil0_1 {
2055
+ ._ViewportLeft_1q9l5_25 ._Root_1q9l5_46[data-state=open] {
2056
+ animation: _slideInLeft_1q9l5_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
2057
+ }
2058
+ ._ViewportLeft_1q9l5_25 ._Root_1q9l5_46[data-swipe=end] {
2059
+ animation: _swipeOutLeft_1q9l5_1 100ms ease-out;
2060
+ }
2061
+ @keyframes _hide_1q9l5_1 {
2045
2062
  from {
2046
2063
  opacity: 1;
2047
2064
  }
@@ -2049,7 +2066,7 @@
2049
2066
  opacity: 0;
2050
2067
  }
2051
2068
  }
2052
- @keyframes _slideIn_1hil0_1 {
2069
+ @keyframes _slideIn_1q9l5_1 {
2053
2070
  from {
2054
2071
  transform: translateX(calc(100% + var(--viewport-padding)));
2055
2072
  }
@@ -2057,7 +2074,15 @@
2057
2074
  transform: translateX(0);
2058
2075
  }
2059
2076
  }
2060
- @keyframes _swipeOut_1hil0_1 {
2077
+ @keyframes _slideInLeft_1q9l5_1 {
2078
+ from {
2079
+ transform: translateX(calc(-100% - var(--viewport-padding)));
2080
+ }
2081
+ to {
2082
+ transform: translateX(0);
2083
+ }
2084
+ }
2085
+ @keyframes _swipeOut_1q9l5_1 {
2061
2086
  from {
2062
2087
  transform: translateX(var(--radix-toast-swipe-end-x));
2063
2088
  }
@@ -2065,6 +2090,14 @@
2065
2090
  transform: translateX(calc(100% + var(--viewport-padding)));
2066
2091
  }
2067
2092
  }
2093
+ @keyframes _swipeOutLeft_1q9l5_1 {
2094
+ from {
2095
+ transform: translateX(var(--radix-toast-swipe-end-x));
2096
+ }
2097
+ to {
2098
+ transform: translateX(calc(-100% - var(--viewport-padding)));
2099
+ }
2100
+ }
2068
2101
 
2069
2102
  /* esbuild-sass-plugin:css-chunk:src/components/Snackbar/SnackbarIcon/style.module.scss */
2070
2103
  ._container_1witc_1 {
@@ -2072,12 +2105,15 @@
2072
2105
  }
2073
2106
 
2074
2107
  /* esbuild-sass-plugin:css-chunk:src/components/Snackbar/SnackbarButton/style.module.scss */
2075
- ._Container_1kn7v_1 {
2108
+ ._Container_1e1eo_1 {
2076
2109
  display: flex;
2077
2110
  align-items: center;
2078
2111
  gap: var(--lp-sys-gap-positive-400);
2079
2112
  padding: 0 4px;
2080
2113
  }
2114
+ ._button_1e1eo_8 p {
2115
+ margin: 0;
2116
+ }
2081
2117
 
2082
2118
  /* esbuild-sass-plugin:css-chunk:src/components/coach-mark/primitive/style.module.scss */
2083
2119
  ._anchor_1pmfi_1 {
package/lib/index.d.ts CHANGED
@@ -503,7 +503,9 @@ type SnackbarPropWithId = SnackbarProp & {
503
503
  };
504
504
 
505
505
  declare const Snackbar: () => react_jsx_runtime.JSX.Element;
506
- declare const SingleSnackbar: (props: SnackbarPropWithId) => react_jsx_runtime.JSX.Element;
506
+ declare const SingleSnackbar: (props: SnackbarPropWithId & {
507
+ position: "left" | "right";
508
+ }) => react_jsx_runtime.JSX.Element;
507
509
 
508
510
  declare const snackbarAtom: recoil.RecoilState<SnackbarPropWithId[]>;
509
511
  declare const useSnackbar: () => {
@@ -612,8 +614,8 @@ interface RestrictedButtonProps {
612
614
  onClick?: MouseEventHandler<HTMLButtonElement>;
613
615
  }
614
616
 
615
- type LightIllustType = "hero-gift" | "hero-search" | "mini-approve" | "mini-documents-2" | "mini-documents-3" | "mini-documents-4" | "mini-documents-5" | "mini-documents" | "mini-egg" | "mini-empty-message" | "mini-gift" | "mini-graduation_hat" | "mini-not-search" | "mini-not-ticket-2" | "mini-private" | "mini-search" | "mini-ticket" | "mini-window" | "spot-catch_star" | "spot-clap" | "spot-empty" | "spot-gift" | "spot-no_search" | "spot-search-2" | "spot-search-3" | "spot-search-4" | "spot-search-5" | "spot-search" | "spot-sign_up" | "spot-write";
616
- type DarkIllustType = "hero-gift" | "hero-search" | "mini-approve" | "mini-documents-2" | "mini-documents-3" | "mini-documents-4" | "mini-documents-5" | "mini-documents" | "mini-egg" | "mini-empty-message" | "mini-gift" | "mini-graduation_hat" | "mini-not-search" | "mini-not-ticket-2" | "mini-private" | "mini-search" | "mini-ticket" | "mini-window" | "spot-catch_star" | "spot-clap" | "spot-empty" | "spot-gift" | "spot-no_search" | "spot-search-2" | "spot-search-3" | "spot-search-4" | "spot-search-5" | "spot-search" | "spot-sign_up" | "spot-write";
617
+ type LightIllustType = "hero-gift" | "hero-search" | "mini-approve" | "mini-documents-2" | "mini-documents-3" | "mini-documents-4" | "mini-documents-5" | "mini-documents" | "mini-egg" | "mini-empty-message" | "mini-empty" | "mini-gift" | "mini-graduation_hat" | "mini-not-search" | "mini-not-ticket-2" | "mini-private" | "mini-search" | "mini-ticket" | "mini-window" | "spot-catch_star" | "spot-clap" | "spot-empty" | "spot-gift" | "spot-no_search" | "spot-search-2" | "spot-search-3" | "spot-search-4" | "spot-search-5" | "spot-search" | "spot-sign_up" | "spot-write";
618
+ type DarkIllustType = "hero-gift" | "hero-search" | "mini-approve" | "mini-documents-2" | "mini-documents-3" | "mini-documents-4" | "mini-documents-5" | "mini-documents" | "mini-egg" | "mini-empty-message" | "mini-empty" | "mini-gift" | "mini-graduation_hat" | "mini-not-search" | "mini-not-ticket-2" | "mini-private" | "mini-search" | "mini-ticket" | "mini-window" | "spot-catch_star" | "spot-clap" | "spot-empty" | "spot-gift" | "spot-no_search" | "spot-search-2" | "spot-search-3" | "spot-search-4" | "spot-search-5" | "spot-search" | "spot-sign_up" | "spot-write";
617
619
  type IllustType = DarkIllustType | LightIllustType;
618
620
 
619
621
  interface Source<T extends false | true = true> {
package/lib/index.js CHANGED
@@ -13695,31 +13695,31 @@ var import_react2 = require("react");
13695
13695
 
13696
13696
  // src/components/Button/style.module.scss
13697
13697
  var style_module_default = {
13698
- "button": "_button_1ncka_1",
13699
- "default": "_default_1ncka_28",
13700
- "primary": "_primary_1ncka_36",
13701
- "secondary": "_secondary_1ncka_44",
13702
- "tertiary": "_tertiary_1ncka_52",
13703
- "quaternary": "_quaternary_1ncka_60",
13704
- "quinary": "_quinary_1ncka_77",
13705
- "negative": "_negative_1ncka_89",
13706
- "static": "_static_1ncka_97",
13707
- "inverse-static": "_inverse-static_1ncka_105",
13708
- "ghost": "_ghost_1ncka_113",
13709
- "cta": "_cta_1ncka_148",
13710
- "l": "_l_1ncka_156",
13711
- "m": "_m_1ncka_163",
13712
- "s": "_s_1ncka_44",
13713
- "align-center": "_align-center_1ncka_177",
13714
- "align-space-between": "_align-space-between_1ncka_182",
13715
- "content": "_content_1ncka_187",
13716
- "full": "_full_1ncka_193",
13717
- "fit-content": "_fit-content_1ncka_197",
13718
- "children": "_children_1ncka_201",
13719
- "cta-children": "_cta-children_1ncka_207",
13720
- "l-children": "_l-children_1ncka_212",
13721
- "m-children": "_m-children_1ncka_217",
13722
- "s-children": "_s-children_1ncka_222"
13698
+ "button": "_button_60r7l_1",
13699
+ "default": "_default_60r7l_28",
13700
+ "primary": "_primary_60r7l_36",
13701
+ "secondary": "_secondary_60r7l_44",
13702
+ "tertiary": "_tertiary_60r7l_52",
13703
+ "quaternary": "_quaternary_60r7l_60",
13704
+ "quinary": "_quinary_60r7l_77",
13705
+ "negative": "_negative_60r7l_92",
13706
+ "static": "_static_60r7l_100",
13707
+ "inverse-static": "_inverse-static_60r7l_108",
13708
+ "ghost": "_ghost_60r7l_116",
13709
+ "cta": "_cta_60r7l_151",
13710
+ "l": "_l_60r7l_159",
13711
+ "m": "_m_60r7l_166",
13712
+ "s": "_s_60r7l_44",
13713
+ "align-center": "_align-center_60r7l_180",
13714
+ "align-space-between": "_align-space-between_60r7l_185",
13715
+ "content": "_content_60r7l_190",
13716
+ "full": "_full_60r7l_196",
13717
+ "fit-content": "_fit-content_60r7l_200",
13718
+ "children": "_children_60r7l_204",
13719
+ "cta-children": "_cta-children_60r7l_210",
13720
+ "l-children": "_l-children_60r7l_215",
13721
+ "m-children": "_m-children_60r7l_220",
13722
+ "s-children": "_s-children_60r7l_225"
13723
13723
  };
13724
13724
 
13725
13725
  // src/components/Button/index.tsx
@@ -17605,21 +17605,26 @@ var List = Object.assign(ListRoot, { Item });
17605
17605
 
17606
17606
  // src/components/Snackbar/style.module.scss
17607
17607
  var style_module_default17 = {
17608
- "Viewport": "_Viewport_1hil0_1",
17609
- "NavigationWrapper": "_NavigationWrapper_1hil0_22",
17610
- "Wrapper": "_Wrapper_1hil0_29",
17611
- "Root": "_Root_1hil0_35",
17612
- "CloseButton": "_CloseButton_1hil0_41",
17613
- "Content": "_Content_1hil0_52",
17614
- "MarginRight12": "_MarginRight12_1hil0_58",
17615
- "ContentWrapper": "_ContentWrapper_1hil0_62",
17616
- "gap300": "_gap300_1hil0_68",
17617
- "minWidth32": "_minWidth32_1hil0_74",
17618
- "minWidth24": "_minWidth24_1hil0_79",
17619
- "JustifyEnd": "_JustifyEnd_1hil0_84",
17620
- "slideIn": "_slideIn_1hil0_1",
17621
- "hide": "_hide_1hil0_1",
17622
- "swipeOut": "_swipeOut_1hil0_1"
17608
+ "Viewport": "_Viewport_1q9l5_1",
17609
+ "ViewportRight": "_ViewportRight_1q9l5_21",
17610
+ "ViewportLeft": "_ViewportLeft_1q9l5_25",
17611
+ "extendedContainer": "_extendedContainer_1q9l5_29",
17612
+ "NavigationWrapper": "_NavigationWrapper_1q9l5_33",
17613
+ "Wrapper": "_Wrapper_1q9l5_40",
17614
+ "Root": "_Root_1q9l5_46",
17615
+ "CloseButton": "_CloseButton_1q9l5_52",
17616
+ "Content": "_Content_1q9l5_63",
17617
+ "MarginRight12": "_MarginRight12_1q9l5_69",
17618
+ "ContentWrapper": "_ContentWrapper_1q9l5_73",
17619
+ "gap300": "_gap300_1q9l5_79",
17620
+ "minWidth32": "_minWidth32_1q9l5_85",
17621
+ "minWidth24": "_minWidth24_1q9l5_90",
17622
+ "JustifyEnd": "_JustifyEnd_1q9l5_95",
17623
+ "slideIn": "_slideIn_1q9l5_1",
17624
+ "hide": "_hide_1q9l5_1",
17625
+ "swipeOut": "_swipeOut_1q9l5_1",
17626
+ "slideInLeft": "_slideInLeft_1q9l5_1",
17627
+ "swipeOutLeft": "_swipeOutLeft_1q9l5_1"
17623
17628
  };
17624
17629
 
17625
17630
  // src/components/Snackbar/index.tsx
@@ -17674,22 +17679,28 @@ var import_clsx19 = __toESM(require("clsx"));
17674
17679
  // src/components/Snackbar/SnackbarClose/index.tsx
17675
17680
  var import_jsx_runtime214 = require("react/jsx-runtime");
17676
17681
  var SnackbarClose = /* @__PURE__ */ __name(({ onCloseSnackbar, className }) => {
17677
- return /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
17682
+ return /* @__PURE__ */ (0, import_jsx_runtime214.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
17678
17683
  IconButton,
17679
17684
  {
17680
- icon: { name: "close-fill", fill: true, thick: true, type: "neutral-label-static-secondary" },
17685
+ icon: {
17686
+ name: "close-fill",
17687
+ fill: true,
17688
+ thick: true,
17689
+ type: "neutral-label-static-secondary",
17690
+ fillType: "inverse-label-static-primary"
17691
+ },
17681
17692
  level: "static",
17682
17693
  size: "xs",
17683
- className,
17684
17694
  fill: false,
17685
17695
  onClick: onCloseSnackbar
17686
17696
  }
17687
- );
17697
+ ) });
17688
17698
  }, "SnackbarClose");
17689
17699
 
17690
17700
  // src/components/Snackbar/SnackbarButton/style.module.scss
17691
17701
  var style_module_default19 = {
17692
- "Container": "_Container_1kn7v_1"
17702
+ "Container": "_Container_1e1eo_1",
17703
+ "button": "_button_1e1eo_8"
17693
17704
  };
17694
17705
 
17695
17706
  // src/components/Snackbar/SnackbarButton/index.tsx
@@ -17698,8 +17709,18 @@ var import_jsx_runtime215 = require("react/jsx-runtime");
17698
17709
  var SnackbarButton = /* @__PURE__ */ __name(({ button, containerStyle }) => {
17699
17710
  if (button?.text || button?.basic) {
17700
17711
  return /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)("div", { className: (0, import_clsx18.default)(style_module_default19.Container, containerStyle), children: [
17701
- button?.text && /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(TextButton, { size: "s", onClick: button.text.onClick, children: button.text.text }),
17702
- button?.basic && /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(Button, { size: "s", onClick: button.basic.onClick, fill: true, children: button.basic.text })
17712
+ button?.text && /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
17713
+ TextButton,
17714
+ {
17715
+ size: "s",
17716
+ onClick: button.text.onClick,
17717
+ level: "inverse-static",
17718
+ thick: false,
17719
+ className: style_module_default19.button,
17720
+ children: button.text.text
17721
+ }
17722
+ ),
17723
+ button?.basic && /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(Button, { size: "s", onClick: button.basic.onClick, fill: true, level: "static", children: button.basic.text })
17703
17724
  ] });
17704
17725
  }
17705
17726
  return null;
@@ -17714,9 +17735,20 @@ var import_react24 = (
17714
17735
  var { Provider: Provider2, Root: Root3, Viewport: Viewport2 } = import_radix_ui10.Toast;
17715
17736
  var Snackbar = /* @__PURE__ */ __name(() => {
17716
17737
  const list = (0, import_recoil4.useRecoilValue)(snackbarAtom);
17717
- return /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)(Provider2, { children: [
17718
- list.map((props) => /* @__PURE__ */ (0, import_react24.createElement)(SingleSnackbar, { ...props, key: props.snackbarId })),
17719
- /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(Viewport2, { className: style_module_default17.Viewport })
17738
+ const rightSnackbars = list.filter((snackbar) => snackbar.position !== "left");
17739
+ const leftSnackbars = list.filter((snackbar) => snackbar.position === "left");
17740
+ return /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)(import_jsx_runtime216.Fragment, { children: [
17741
+ /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)(Provider2, { children: [
17742
+ rightSnackbars.map((props) => /* @__PURE__ */ (0, import_react24.createElement)(SingleSnackbar, { ...props, key: props.snackbarId, position: "right" })),
17743
+ /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(Viewport2, { className: (0, import_clsx19.default)(style_module_default17.Viewport, style_module_default17.ViewportRight) })
17744
+ ] }),
17745
+ /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)(Provider2, { children: [
17746
+ leftSnackbars.map((props) => (
17747
+ // eslint-disable-next-line react/prop-types
17748
+ /* @__PURE__ */ (0, import_react24.createElement)(SingleSnackbar, { ...props, key: props.snackbarId, position: "left" })
17749
+ )),
17750
+ /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(Viewport2, { className: (0, import_clsx19.default)(style_module_default17.Viewport, style_module_default17.ViewportLeft) })
17751
+ ] })
17720
17752
  ] });
17721
17753
  }, "Snackbar");
17722
17754
  var SingleSnackbar = /* @__PURE__ */ __name((props) => {
@@ -17744,7 +17776,7 @@ var SingleSnackbar = /* @__PURE__ */ __name((props) => {
17744
17776
  name: "arrow-forward",
17745
17777
  fill: true,
17746
17778
  thick: true,
17747
- type: "inverse-label-primary",
17779
+ type: "inverse-label-static-primary",
17748
17780
  className: description ? style_module_default17.minWidth32 : style_module_default17.minWidth24,
17749
17781
  size: description ? "l" : "m"
17750
17782
  }
@@ -17755,14 +17787,22 @@ var SingleSnackbar = /* @__PURE__ */ __name((props) => {
17755
17787
  );
17756
17788
  }
17757
17789
  if (props.kind === "extended") {
17758
- return /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)(Root3, { onSwipeEnd: onCloseSnackbar, className: (0, import_clsx19.default)(style_module_default17.Root, style_module_default17.gap300), open: true, children: [
17759
- /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)("div", { className: style_module_default17.Content, children: [
17760
- /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(SnackbarTitle, { title }),
17761
- /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(SnackbarDescription, { description })
17762
- ] }),
17763
- /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(SnackbarButton, { button: props.button, containerStyle: style_module_default17.JustifyEnd }),
17764
- /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(SnackbarClose, { onCloseSnackbar, className: style_module_default17.CloseButton })
17765
- ] });
17790
+ return /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)(
17791
+ Root3,
17792
+ {
17793
+ onSwipeEnd: onCloseSnackbar,
17794
+ className: (0, import_clsx19.default)(style_module_default17.Root, style_module_default17.gap300, style_module_default17.extendedContainer),
17795
+ open: true,
17796
+ children: [
17797
+ /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)("div", { className: style_module_default17.Content, children: [
17798
+ /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(SnackbarTitle, { title }),
17799
+ /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(SnackbarDescription, { description })
17800
+ ] }),
17801
+ /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(SnackbarButton, { button: props.button, containerStyle: style_module_default17.JustifyEnd }),
17802
+ /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(SnackbarClose, { onCloseSnackbar, className: style_module_default17.CloseButton })
17803
+ ]
17804
+ }
17805
+ );
17766
17806
  }
17767
17807
  return /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)(Root3, { onSwipeEnd: onCloseSnackbar, className: (0, import_clsx19.default)(style_module_default17.Root, style_module_default17.Wrapper), open: true, children: [
17768
17808
  /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)("div", { className: style_module_default17.ContentWrapper, children: [
@@ -21948,7 +21988,8 @@ var illustSize = {
21948
21988
  "spot-search-5": ratio["4:3"],
21949
21989
  "spot-search": ratio["4:3"],
21950
21990
  "spot-write": ratio["4:3"],
21951
- "spot-gift": ratio["4:3"]
21991
+ "spot-gift": ratio["4:3"],
21992
+ "mini-empty": ratio["1:1"]
21952
21993
  };
21953
21994
 
21954
21995
  // src/components/Illust/index.tsx
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@liner-fe/prism",
3
- "version": "2.6.8",
3
+ "version": "2.6.10",
4
4
  "scripts": {
5
5
  "dev": "next dev",
6
6
  "start": "next start",