@bigtablet/design-system 1.6.5 → 1.6.7

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 (6) hide show
  1. package/dist/index.css +2 -2
  2. package/dist/styles/scss/token.scss +6 -5
  3. package/package.json +1 -1
  4. package/src/styles/scss/token.scss +6 -5
  5. package/dist/styles/scss/_variables.scss +0 -59
  6. package/src/styles/scss/_variables.scss +0 -59
package/dist/index.css CHANGED
@@ -450,8 +450,8 @@
450
450
  margin: 0;
451
451
  }
452
452
  .radio_dot {
453
- width: 1.125rem;
454
- height: 1.125rem;
453
+ width: 1rem;
454
+ height: 1rem;
455
455
  box-sizing: border-box;
456
456
  border: 1px solid #e5e5e5;
457
457
  border-radius: 9999px;
package/dist/styles/scss/token.scss CHANGED
@@ -1,9 +1,10 @@
1
+ @forward "a11y";
2
+ @forward "breakpoints";
1
3
  @forward "colors";
2
- @forward "spacing";
4
+ @forward "layout";
5
+ @forward "motion";
3
6
  @forward "radius";
4
7
  @forward "shadows";
5
- @forward "z-index";
6
- @forward "motion";
8
+ @forward "spacing";
7
9
  @forward "typography";
8
- @forward "layout";
9
- @forward "a11y";
10
+ @forward "z-index";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bigtablet/design-system",
3
- "version": "1.6.5",
3
+ "version": "1.6.7",
4
4
  "description": "Bigtablet Design System UI Components",
5
5
  "type": "module",
6
6
  "types": "dist/index.d.ts",
package/src/styles/scss/token.scss CHANGED
@@ -1,9 +1,10 @@
1
+ @forward "a11y";
2
+ @forward "breakpoints";
1
3
  @forward "colors";
2
- @forward "spacing";
4
+ @forward "layout";
5
+ @forward "motion";
3
6
  @forward "radius";
4
7
  @forward "shadows";
5
- @forward "z-index";
6
- @forward "motion";
8
+ @forward "spacing";
7
9
  @forward "typography";
8
- @forward "layout";
9
- @forward "a11y";
10
+ @forward "z-index";
package/dist/styles/scss/_variables.scss DELETED
@@ -1,59 +0,0 @@
1
- // colors
2
- $color-primary: #000000;
3
- $color-primary-hover: #333333;
4
-
5
- $color-background: #ffffff;
6
- $color-background-secondary: #fafafa;
7
-
8
- $color-text-primary: #1a1a1a;
9
- $color-text-secondary: #666666;
10
- $color-text-tertiary: #999999;
11
-
12
- $color-border: #e5e5e5;
13
- $color-border-light: rgba(0, 0, 0, 0.08);
14
-
15
- $color-success: #10b981;
16
- $color-error: #ef4444;
17
- $color-warning: #f59e0b;
18
- $color-info: #3b82f6;
19
-
20
- $color-overlay: rgba(0, 0, 0, 0.5);
21
-
22
- $text-strong: #1F2937;
23
- $text-normal: #3B3B3B;
24
- $text-subtle: #6B7280;
25
- $text-disabled: #9CA3AF;
26
- $text-inverse: #FFFFFF;
27
-
28
- // shadow
29
- $shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.04);
30
- $shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.04);
31
- $shadow-lg: 0 8px 20px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.06);
32
- $shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
33
-
34
- // spacing
35
- $spacing-xs: 0.25rem; // 4px
36
- $spacing-sm: 0.5rem; // 8px
37
- $spacing-md: 0.75rem; // 12px
38
- $spacing-lg: 1rem; // 16px
39
- $spacing-xl: 1.25rem; // 20px
40
- $spacing-2xl: 1.5rem; // 24px
41
- $spacing-3xl: 2rem; // 32px
42
-
43
- // radius
44
- $radius-sm: 6px;
45
- $radius-md: 8px;
46
- $radius-lg: 12px;
47
- $radius-xl: 16px;
48
- $radius-full: 9999px;
49
-
50
- // z-index
51
- $z-modal: 10000;
52
- $z-toast: 10001;
53
- $z-loading: 9999;
54
-
55
- // transition
56
- $transition-fast: 0.1s ease-out;
57
- $transition-base: 0.2s ease-out;
58
- $transition-slow: 0.3s ease-out;
59
- $transition-bounce: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
package/src/styles/scss/_variables.scss DELETED
@@ -1,59 +0,0 @@
1
- // colors
2
- $color-primary: #000000;
3
- $color-primary-hover: #333333;
4
-
5
- $color-background: #ffffff;
6
- $color-background-secondary: #fafafa;
7
-
8
- $color-text-primary: #1a1a1a;
9
- $color-text-secondary: #666666;
10
- $color-text-tertiary: #999999;
11
-
12
- $color-border: #e5e5e5;
13
- $color-border-light: rgba(0, 0, 0, 0.08);
14
-
15
- $color-success: #10b981;
16
- $color-error: #ef4444;
17
- $color-warning: #f59e0b;
18
- $color-info: #3b82f6;
19
-
20
- $color-overlay: rgba(0, 0, 0, 0.5);
21
-
22
- $text-strong: #1F2937;
23
- $text-normal: #3B3B3B;
24
- $text-subtle: #6B7280;
25
- $text-disabled: #9CA3AF;
26
- $text-inverse: #FFFFFF;
27
-
28
- // shadow
29
- $shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.04);
30
- $shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.04);
31
- $shadow-lg: 0 8px 20px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.06);
32
- $shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
33
-
34
- // spacing
35
- $spacing-xs: 0.25rem; // 4px
36
- $spacing-sm: 0.5rem; // 8px
37
- $spacing-md: 0.75rem; // 12px
38
- $spacing-lg: 1rem; // 16px
39
- $spacing-xl: 1.25rem; // 20px
40
- $spacing-2xl: 1.5rem; // 24px
41
- $spacing-3xl: 2rem; // 32px
42
-
43
- // radius
44
- $radius-sm: 6px;
45
- $radius-md: 8px;
46
- $radius-lg: 12px;
47
- $radius-xl: 16px;
48
- $radius-full: 9999px;
49
-
50
- // z-index
51
- $z-modal: 10000;
52
- $z-toast: 10001;
53
- $z-loading: 9999;
54
-
55
- // transition
56
- $transition-fast: 0.1s ease-out;
57
- $transition-base: 0.2s ease-out;
58
- $transition-slow: 0.3s ease-out;
59
- $transition-bounce: 0.3s cubic-bezier(0.16, 1, 0.3, 1);