@oneb/ui-vue 0.2.27 → 0.2.29

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.
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={primary:{glow:"#BCD6F4",base:"#4089E0",active:"#256DC3",hover:"#5A9FF1",25:"rgba(64,137,224,0.25)","25-active":"rgba(64,137,224,0.3)","25-hover":"rgba(64,137,224,0.3)",10:"rgba(64,137,224,0.1)","10-active":"rgba(64,137,224,0.15)","10-hover":"rgba(64,137,224,0.15)",content:"#000000","content-active":"#000000","content-hover":"#000000",stroke:"#E2E7EF","stroke-active":"#E2E7EF","stroke-hover":"#E2E7EF",body:"#FFFFFF","body-active":"#EAEFF8","body-hover":"#EAEFF8"},secondary:{glow:"#8c97a6",base:"#525B66",active:"#444b54",hover:"#444b54",25:"rgba(82,91,102,0.25)","25-active":"rgba(82,91,102,0.3)","25-hover":"rgba(82,91,102,0.3)",10:"rgba(82,91,102,0.1)","10-active":"rgba(82,91,102,0.15)","10-hover":"rgba(82,91,102,0.15)",content:"#979CA9","content-active":"#979CA9","content-hover":"#979CA9",stroke:"#E3ECF2","stroke-active":"#E3ECF2","stroke-hover":"#E3ECF2",body:"#F6F8FF","body-active":"#FAFAFA","body-hover":"#FAFAFA"},light:{glow:"#eae5e5",base:"#ffffff",active:"#ffffff",hover:"#ffffff",25:"#ffffff","25-active":"#ffffff","25-hover":"#ffffff",10:"#ffffff","10-active":"#ffffff","10-hover":"#ffffff",content:"#a1a3a9","content-active":"#a1a3a9","content-hover":"#a1a3a9",stroke:"#ebeff1","stroke-active":"#ebeff1","stroke-hover":"#ebeff1",body:"#F5F5F5","body-active":"#FAFAFA","body-hover":"#FAFAFA"},success:{glow:"#b7f686",base:"#70BE33",active:"#62A52D",hover:"#7BD237",25:"rgba(112,190,51,0.25)","25-active":"rgba(112,190,51,0.3)","25-hover":"rgba(112,190,51,0.3)",10:"rgba(112,190,51,0.1)","10-active":"rgba(112,190,51,0.15)","10-hover":"rgba(112,190,51,0.15)",content:"#5da920","content-active":"#5da920","content-hover":"#5da920",stroke:"#81b955","stroke-active":"#81b955","stroke-hover":"#81b955",body:"#99be7b","body-active":"#99be7b","body-hover":"#99be7b"},info:{glow:"#BCD6F4",base:"#4089E0",active:"#256DC3",hover:"#5A9FF1",25:"rgba(64,137,224,0.25)","25-active":"rgba(64,137,224,0.3)","25-hover":"rgba(64,137,224,0.3)",10:"rgba(64,137,224,0.1)","10-active":"rgba(64,137,224,0.15)","10-hover":"rgba(64,137,224,0.15)",content:"#2167bb","content-active":"#2167bb","content-hover":"#2167bb",stroke:"#689ddc","stroke-active":"#689ddc","stroke-hover":"#689ddc",body:"#8dafd7","body-active":"#8dafd7","body-hover":"#8dafd7"},warning:{glow:"#f8e9c2",base:"#FFBA08",active:"#e5a502",hover:"#ffc11e",25:"rgba(255,186,8,0.25)","25-active":"rgba(255,186,8,0.3)","25-hover":"rgba(255,186,8,0.3)",10:"rgba(255,186,8,0.1)","10-active":"rgba(255,186,8,0.15)","10-hover":"rgba(255,186,8,0.15)",content:"#b78400","content-active":"#b78400","content-hover":"#b78400",stroke:"#f8c644","stroke-active":"#f8c644","stroke-hover":"#f8c644",body:"#f8d988","body-active":"#f8d988","body-hover":"#f8d988"},danger:{glow:"#fa9fb5",base:"#FF0440",active:"#DF073B",hover:"#FF3E6C",25:"rgba(255,4,64,0.25)","25-active":"rgba(255,4,64,0.3)","25-hover":"rgba(255,4,64,0.3)",10:"rgba(255,4,64,0.1)","10-active":"rgba(255,4,64,0.15)","10-hover":"rgba(255,4,64,0.15)",content:"#b7002d","content-active":"#b7002d","content-hover":"#b7002d",stroke:"#ff4e78","stroke-active":"#ff4e78","stroke-hover":"#ff4e78",body:"#ff90aa","body-active":"#ff90aa","body-hover":"#ff90aa"},tertiary:{glow:"#E7EFFC",base:"#E7EFFC",active:"#E7EFFC",hover:"#E7EFFC",25:"rgba(231,239,252,0.25)","25-active":"rgba(231,239,252,0.3)","25-hover":"rgba(231,239,252,0.3)",10:"rgba(231,239,252,0.1)","10-active":"rgba(231,239,252,0.15)","10-hover":"rgba(231,239,252,0.15)",content:"#E7EFFC","content-active":"#E7EFFC","content-hover":"#E7EFFC",stroke:"#E7EFFC","stroke-active":"#E7EFFC","stroke-hover":"#E7EFFC",body:"#E7EFFC","body-active":"#E7EFFC","body-hover":"#E7EFFC"}},o={"2xs":"10px","3xs":"8px"},t={sans:['"Montserrat"',"system-ui","sans-serif"]},a={center:!0,screens:{sm:"100%",md:"100%",lg:"920px",xl:"1116px","2xl":"1116px"}},r={container:a,extend:{fontSize:o,fontFamily:t,colors:e,borderRadius:{10:"10px",20:"20px"}}};exports.colors=e;exports.container=a;exports.fontFamily=t;exports.fontSize=o;exports.theme=r;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={"slate-500":"#5F6E79","white-bg":"#FFFFFF","gray-bg":"#FAFAFA","gray-light":"#979CA9","gray-700":"#525B66","gray-email":"#E2E7EF","gray-email-light":"rgba(226, 231, 239, 0.3)","gray-active":"#EAEFF8","slate-850":"#1D2632","rose-850":"#FF0440",input:"#E2E7EF",block:"#E3ECF2","black-700":"#333333","black-800":"#040404","blue-550":"#4089E0","red-700":"#FF0440","green-700":"#70BE33","orange-700":"#FFBA08","black-opacyti":"rgba(0, 0, 0, 0.2)",background:{backdrop:"rgba(0,0,0,0.1)",DEFAULT:"#f5f7fb",second:"#F6F8FF",light:"#FBFDFF"},primary:{glow:"#BCD6F4",base:"#4089E0",active:"#256DC3",hover:"#5A9FF1",25:"rgba(64,137,224,0.25)","25-active":"rgba(64,137,224,0.3)","25-hover":"rgba(64,137,224,0.3)",10:"rgba(64,137,224,0.1)","10-active":"rgba(64,137,224,0.15)","10-hover":"rgba(64,137,224,0.15)",content:"#000000","content-active":"#000000","content-hover":"#000000",stroke:"#E2E7EF","stroke-active":"#E2E7EF","stroke-hover":"#E2E7EF",body:"#FFFFFF","body-active":"#EAEFF8","body-hover":"#EAEFF8"},secondary:{glow:"#8c97a6",base:"#525B66",active:"#444b54",hover:"#444b54",25:"rgba(82,91,102,0.25)","25-active":"rgba(82,91,102,0.3)","25-hover":"rgba(82,91,102,0.3)",10:"rgba(82,91,102,0.1)","10-active":"rgba(82,91,102,0.15)","10-hover":"rgba(82,91,102,0.15)",content:"#979CA9","content-active":"#979CA9","content-hover":"#979CA9",stroke:"#E3ECF2","stroke-active":"#E3ECF2","stroke-hover":"#E3ECF2",body:"#F6F8FF","body-active":"#FAFAFA","body-hover":"#FAFAFA"},light:{glow:"#eae5e5",base:"#ffffff",active:"#ffffff",hover:"#ffffff",25:"#ffffff","25-active":"#ffffff","25-hover":"#ffffff",10:"#ffffff","10-active":"#ffffff","10-hover":"#ffffff",content:"#a1a3a9","content-active":"#a1a3a9","content-hover":"#a1a3a9",stroke:"#ebeff1","stroke-active":"#ebeff1","stroke-hover":"#ebeff1",body:"#F5F5F5","body-active":"#FAFAFA","body-hover":"#FAFAFA"},success:{glow:"#b7f686",base:"#70BE33",active:"#62A52D",hover:"#7BD237",25:"rgba(112,190,51,0.25)","25-active":"rgba(112,190,51,0.3)","25-hover":"rgba(112,190,51,0.3)",10:"rgba(112,190,51,0.1)","10-active":"rgba(112,190,51,0.15)","10-hover":"rgba(112,190,51,0.15)",content:"#5da920","content-active":"#5da920","content-hover":"#5da920",stroke:"#81b955","stroke-active":"#81b955","stroke-hover":"#81b955",body:"#99be7b","body-active":"#99be7b","body-hover":"#99be7b"},info:{glow:"#BCD6F4",base:"#4089E0",active:"#256DC3",hover:"#5A9FF1",25:"rgba(64,137,224,0.25)","25-active":"rgba(64,137,224,0.3)","25-hover":"rgba(64,137,224,0.3)",10:"rgba(64,137,224,0.1)","10-active":"rgba(64,137,224,0.15)","10-hover":"rgba(64,137,224,0.15)",content:"#2167bb","content-active":"#2167bb","content-hover":"#2167bb",stroke:"#689ddc","stroke-active":"#689ddc","stroke-hover":"#689ddc",body:"#8dafd7","body-active":"#8dafd7","body-hover":"#8dafd7"},warning:{glow:"#f8e9c2",base:"#FFBA08",active:"#e5a502",hover:"#ffc11e",25:"rgba(255,186,8,0.25)","25-active":"rgba(255,186,8,0.3)","25-hover":"rgba(255,186,8,0.3)",10:"rgba(255,186,8,0.1)","10-active":"rgba(255,186,8,0.15)","10-hover":"rgba(255,186,8,0.15)",content:"#b78400","content-active":"#b78400","content-hover":"#b78400",stroke:"#f8c644","stroke-active":"#f8c644","stroke-hover":"#f8c644",body:"#f8d988","body-active":"#f8d988","body-hover":"#f8d988"},danger:{glow:"#fa9fb5",base:"#FF0440",active:"#DF073B",hover:"#FF3E6C",25:"rgba(255,4,64,0.25)","25-active":"rgba(255,4,64,0.3)","25-hover":"rgba(255,4,64,0.3)",10:"rgba(255,4,64,0.1)","10-active":"rgba(255,4,64,0.15)","10-hover":"rgba(255,4,64,0.15)",content:"#b7002d","content-active":"#b7002d","content-hover":"#b7002d",stroke:"#ff4e78","stroke-active":"#ff4e78","stroke-hover":"#ff4e78",body:"#ff90aa","body-active":"#ff90aa","body-hover":"#ff90aa"},tertiary:{glow:"#E7EFFC",base:"#E7EFFC",active:"#E7EFFC",hover:"#E7EFFC",25:"rgba(231,239,252,0.25)","25-active":"rgba(231,239,252,0.3)","25-hover":"rgba(231,239,252,0.3)",10:"rgba(231,239,252,0.1)","10-active":"rgba(231,239,252,0.15)","10-hover":"rgba(231,239,252,0.15)",content:"#E7EFFC","content-active":"#E7EFFC","content-hover":"#E7EFFC",stroke:"#E7EFFC","stroke-active":"#E7EFFC","stroke-hover":"#E7EFFC",body:"#E7EFFC","body-active":"#E7EFFC","body-hover":"#E7EFFC"}},a={"2xs":"10px","3xs":"8px"},o={sans:['"Montserrat"',"system-ui","sans-serif"]},t={center:!0,screens:{sm:"100%",md:"100%",lg:"920px",xl:"1116px","2xl":"1116px"}},r={container:t,screens:{sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1540px","3xl":"1900px"},extend:{fontSize:a,fontFamily:o,colors:e,borderRadius:{10:"10px",20:"20px"}}};exports.colors=e;exports.container=t;exports.fontFamily=o;exports.fontSize=a;exports.theme=r;
@@ -1,4 +1,29 @@
1
1
  export declare const colors: {
2
+ 'slate-500': string;
3
+ 'white-bg': string;
4
+ 'gray-bg': string;
5
+ 'gray-light': string;
6
+ 'gray-700': string;
7
+ 'gray-email': string;
8
+ 'gray-email-light': string;
9
+ 'gray-active': string;
10
+ 'slate-850': string;
11
+ 'rose-850': string;
12
+ input: string;
13
+ block: string;
14
+ 'black-700': string;
15
+ 'black-800': string;
16
+ 'blue-550': string;
17
+ 'red-700': string;
18
+ 'green-700': string;
19
+ 'orange-700': string;
20
+ 'black-opacyti': string;
21
+ background: {
22
+ backdrop: string;
23
+ DEFAULT: string;
24
+ second: string;
25
+ light: string;
26
+ };
2
27
  primary: {
3
28
  glow: string;
4
29
  base: string;
@@ -196,6 +221,14 @@ export declare const theme: {
196
221
  '2xl': string;
197
222
  };
198
223
  };
224
+ screens: {
225
+ sm: string;
226
+ md: string;
227
+ lg: string;
228
+ xl: string;
229
+ '2xl': string;
230
+ '3xl': string;
231
+ };
199
232
  extend: {
200
233
  fontSize: {
201
234
  '2xs': string;
@@ -205,6 +238,31 @@ export declare const theme: {
205
238
  sans: string[];
206
239
  };
207
240
  colors: {
241
+ 'slate-500': string;
242
+ 'white-bg': string;
243
+ 'gray-bg': string;
244
+ 'gray-light': string;
245
+ 'gray-700': string;
246
+ 'gray-email': string;
247
+ 'gray-email-light': string;
248
+ 'gray-active': string;
249
+ 'slate-850': string;
250
+ 'rose-850': string;
251
+ input: string;
252
+ block: string;
253
+ 'black-700': string;
254
+ 'black-800': string;
255
+ 'blue-550': string;
256
+ 'red-700': string;
257
+ 'green-700': string;
258
+ 'orange-700': string;
259
+ 'black-opacyti': string;
260
+ background: {
261
+ backdrop: string;
262
+ DEFAULT: string;
263
+ second: string;
264
+ light: string;
265
+ };
208
266
  primary: {
209
267
  glow: string;
210
268
  base: string;
@@ -1,4 +1,47 @@
1
1
  const e = {
2
+ /////// DEPRECATED BEGIN:
3
+ "slate-500": "#5F6E79",
4
+ // ~ secondary.base
5
+ "white-bg": "#FFFFFF",
6
+ // = primary.body
7
+ "gray-bg": "#FAFAFA",
8
+ // = secondary.body-active
9
+ "gray-light": "#979CA9",
10
+ // = secondary.content
11
+ "gray-700": "#525B66",
12
+ // = secondary.base
13
+ "gray-email": "#E2E7EF",
14
+ // = primary.stroke
15
+ "gray-email-light": "rgba(226, 231, 239, 0.3)",
16
+ // ~ primary.stroke @ 0.3
17
+ "gray-active": "#EAEFF8",
18
+ // = primary.body-active
19
+ "slate-850": "#1D2632",
20
+ "rose-850": "#FF0440",
21
+ // = danger.base
22
+ input: "#E2E7EF",
23
+ // = primary.stroke
24
+ block: "#E3ECF2",
25
+ // = secondary.stroke
26
+ "black-700": "#333333",
27
+ "black-800": "#040404",
28
+ "blue-550": "#4089E0",
29
+ // = primary.base
30
+ "red-700": "#FF0440",
31
+ // = danger.base
32
+ "green-700": "#70BE33",
33
+ // = success.base
34
+ "orange-700": "#FFBA08",
35
+ // = warning.base
36
+ "black-opacyti": "rgba(0, 0, 0, 0.2)",
37
+ background: {
38
+ backdrop: "rgba(0,0,0,0.1)",
39
+ DEFAULT: "#f5f7fb",
40
+ second: "#F6F8FF",
41
+ // = secondary.body
42
+ light: "#FBFDFF"
43
+ },
44
+ /////// DEPRECATED END.
2
45
  primary: {
3
46
  // Common:
4
47
  glow: "#BCD6F4",
@@ -199,12 +242,12 @@ const e = {
199
242
  "body-active": "#E7EFFC",
200
243
  "body-hover": "#E7EFFC"
201
244
  }
202
- }, o = {
245
+ }, a = {
203
246
  "2xs": "10px",
204
247
  "3xs": "8px"
205
- }, t = {
248
+ }, o = {
206
249
  sans: ['"Montserrat"', "system-ui", "sans-serif"]
207
- }, a = {
250
+ }, r = {
208
251
  center: !0,
209
252
  screens: {
210
253
  sm: "100%",
@@ -213,11 +256,19 @@ const e = {
213
256
  xl: "1116px",
214
257
  "2xl": "1116px"
215
258
  }
216
- }, r = {
217
- container: a,
259
+ }, t = {
260
+ container: r,
261
+ screens: {
262
+ sm: "640px",
263
+ md: "768px",
264
+ lg: "1024px",
265
+ xl: "1280px",
266
+ "2xl": "1540px",
267
+ "3xl": "1900px"
268
+ },
218
269
  extend: {
219
- fontSize: o,
220
- fontFamily: t,
270
+ fontSize: a,
271
+ fontFamily: o,
221
272
  colors: e,
222
273
  borderRadius: {
223
274
  10: "10px",
@@ -227,8 +278,8 @@ const e = {
227
278
  };
228
279
  export {
229
280
  e as colors,
230
- a as container,
231
- t as fontFamily,
232
- o as fontSize,
233
- r as theme
281
+ r as container,
282
+ o as fontFamily,
283
+ a as fontSize,
284
+ t as theme
234
285
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oneb/ui-vue",
3
- "version": "0.2.27",
3
+ "version": "0.2.29",
4
4
  "type": "module",
5
5
  "license": "MIT",
6
6
  "files": [