@nadicodeai/design-system 12.1.107 → 12.1.109
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.
- package/DESIGN.md +179 -200
- package/dist/css/host.css +40 -40
- package/dist/css/index.css +40 -40
- package/dist/css/tokens.css +39 -39
- package/dist/tailwind/nadicode.tailwind.json +6 -5
- package/dist/tokens/nadicode.dtcg-resolved.json +180 -194
- package/dist/tokens/nadicode.dtcg.json +176 -190
- package/package.json +1 -1
package/dist/css/tokens.css
CHANGED
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
--nc-line: oklch(0.9219 0.0000 0.00);
|
|
61
61
|
--nc-input: oklch(0.5624 0.0000 0.00);
|
|
62
62
|
--nc-focus-ring: oklch(0.1776 0.0000 0.00);
|
|
63
|
-
--nc-scrim: oklch(0.
|
|
63
|
+
--nc-scrim: oklch(0.9612 0.0000 0.00);
|
|
64
64
|
--nc-link: oklch(0.5339 0.1875 256.73);
|
|
65
65
|
--nc-link-deep: oklch(0.4653 0.1652 257.00);
|
|
66
66
|
--nc-link-bg-soft: oklch(0.9656 0.0171 248.01);
|
|
@@ -188,10 +188,11 @@
|
|
|
188
188
|
--nc-dark-canvas-soft-2: oklch(0.2178 0.0000 0.00);
|
|
189
189
|
--nc-dark-material-workspace: oklch(0.0000 0.0000 0.00);
|
|
190
190
|
--nc-dark-material-solid: oklch(0.0000 0.0000 0.00);
|
|
191
|
-
--nc-dark-material-resting: oklch(0.
|
|
192
|
-
--nc-dark-material-raised: oklch(0.
|
|
193
|
-
--nc-dark-material-floating: oklch(0.
|
|
194
|
-
--nc-dark-material-modal: oklch(0.
|
|
191
|
+
--nc-dark-material-resting: oklch(0.1448 0.0000 0.00);
|
|
192
|
+
--nc-dark-material-raised: oklch(0.1684 0.0000 0.00);
|
|
193
|
+
--nc-dark-material-floating: oklch(0.1684 0.0000 0.00);
|
|
194
|
+
--nc-dark-material-modal: oklch(0.1684 0.0000 0.00);
|
|
195
|
+
--nc-card-graphite: oklch(0.1957 0.0000 0.00);
|
|
195
196
|
--nc-dark-ink: oklch(0.9461 0.0000 0.00);
|
|
196
197
|
--nc-dark-body: oklch(0.7090 0.0000 0.00);
|
|
197
198
|
--nc-dark-muted: oklch(0.6993 0.0000 0.00);
|
|
@@ -660,36 +661,31 @@
|
|
|
660
661
|
--nc-type-code-font-weight: 400;
|
|
661
662
|
--nc-type-code-line-height: 18px;
|
|
662
663
|
--nc-type-code-letter-spacing: 0px;
|
|
663
|
-
--nc-material-scrim-opacity:
|
|
664
|
-
--nc-material-
|
|
664
|
+
--nc-material-scrim-opacity: 80%;
|
|
665
|
+
--nc-material-dark-scrim-opacity: 60%;
|
|
666
|
+
--nc-material-glass-opacity: 72%;
|
|
665
667
|
--nc-material-glass-saturation: 180%;
|
|
666
668
|
--nc-material-glass-blur: 20px;
|
|
667
|
-
--nc-elevation-resting:
|
|
668
|
-
0px 0px 0px 1px rgb(0% 0% 0% / 0.08),
|
|
669
|
-
0px 1px 2px 0px rgb(0% 0% 0% / 0.05),
|
|
670
|
-
0px 2px 8px -2px rgb(0% 0% 0% / 0.06);
|
|
669
|
+
--nc-elevation-resting: 0px 0px 0px 1px rgb(0% 0% 0% / 0.08), 0px 2px 2px 0px rgb(0% 0% 0% / 0.04);
|
|
671
670
|
--nc-elevation-raised:
|
|
672
671
|
0px 0px 0px 1px rgb(0% 0% 0% / 0.08),
|
|
673
|
-
0px
|
|
674
|
-
0px
|
|
675
|
-
0px 16px 32px -8px rgb(0% 0% 0% / 0.1);
|
|
672
|
+
0px 2px 2px 0px rgb(0% 0% 0% / 0.04),
|
|
673
|
+
0px 8px 16px -4px rgb(0% 0% 0% / 0.08);
|
|
676
674
|
--nc-elevation-floating:
|
|
677
675
|
0px 0px 0px 1px rgb(0% 0% 0% / 0.08),
|
|
678
|
-
0px
|
|
679
|
-
0px
|
|
680
|
-
0px 32px
|
|
676
|
+
0px 1px 1px 0px rgb(0% 0% 0% / 0.02),
|
|
677
|
+
0px 4px 8px -4px rgb(0% 0% 0% / 0.06),
|
|
678
|
+
0px 16px 32px -8px rgb(0% 0% 0% / 0.1);
|
|
681
679
|
--nc-elevation-modal:
|
|
682
680
|
0px 0px 0px 1px rgb(0% 0% 0% / 0.08),
|
|
683
|
-
0px
|
|
684
|
-
0px
|
|
685
|
-
0px 64px 128px -32px rgb(0% 0% 0% / 0.26);
|
|
681
|
+
0px 8px 24px -12px rgb(0% 0% 0% / 0.12),
|
|
682
|
+
0px 32px 72px -12px rgb(0% 0% 0% / 0.12);
|
|
686
683
|
--nc-elevation-glass:
|
|
687
684
|
inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.75),
|
|
688
685
|
inset 0px 0px 0px 1px rgb(100% 100% 100% / 0.35),
|
|
689
|
-
0px 0px 0px 1px rgb(0% 0% 0% / 0.
|
|
690
|
-
0px
|
|
691
|
-
0px
|
|
692
|
-
0px 32px 64px -16px rgb(0% 0% 0% / 0.16);
|
|
686
|
+
0px 0px 0px 1px rgb(0% 0% 0% / 0.08),
|
|
687
|
+
0px 4px 8px -4px rgb(0% 0% 0% / 0.06),
|
|
688
|
+
0px 16px 32px -8px rgb(0% 0% 0% / 0.08);
|
|
693
689
|
--nc-duration-control: 100ms;
|
|
694
690
|
--nc-duration-close: 140ms;
|
|
695
691
|
--nc-duration-confirm: 180ms;
|
|
@@ -856,26 +852,30 @@
|
|
|
856
852
|
--nc-category-purple-deep: var(--nc-dark-category-purple-deep);
|
|
857
853
|
--nc-category-pink-soft: var(--nc-dark-category-pink-soft);
|
|
858
854
|
--nc-category-pink-deep: var(--nc-dark-category-pink-deep);
|
|
855
|
+
--nc-material-scrim-opacity: var(--nc-material-dark-scrim-opacity);
|
|
859
856
|
--nc-elevation-resting:
|
|
860
|
-
|
|
861
|
-
0px 0px 0px
|
|
862
|
-
0px 1px 2px 0px rgb(0% 0% 0% / 0.
|
|
857
|
+
0px 0px 0px 1px rgb(100% 100% 100% / 0.145),
|
|
858
|
+
0px 0px 0px 2px rgb(0% 0% 0%),
|
|
859
|
+
0px 1px 2px 0px rgb(0% 0% 0% / 0.5);
|
|
863
860
|
--nc-elevation-raised:
|
|
864
|
-
inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.
|
|
865
|
-
0px 0px 0px 1px rgb(100% 100% 100% / 0.
|
|
866
|
-
0px
|
|
861
|
+
inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.06),
|
|
862
|
+
0px 0px 0px 1px rgb(100% 100% 100% / 0.16),
|
|
863
|
+
0px 0px 0px 2px rgb(0% 0% 0%),
|
|
864
|
+
0px 12px 24px -8px rgb(0% 0% 0% / 0.8);
|
|
867
865
|
--nc-elevation-floating:
|
|
868
|
-
inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.
|
|
869
|
-
0px 0px 0px 1px rgb(100% 100% 100% / 0.
|
|
870
|
-
0px
|
|
866
|
+
inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.08),
|
|
867
|
+
0px 0px 0px 1px rgb(100% 100% 100% / 0.16),
|
|
868
|
+
0px 0px 0px 2px rgb(0% 0% 0%),
|
|
869
|
+
0px 24px 48px -12px rgb(0% 0% 0% / 0.9);
|
|
871
870
|
--nc-elevation-modal:
|
|
872
|
-
inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.
|
|
873
|
-
0px 0px 0px 1px rgb(100% 100% 100% / 0.
|
|
874
|
-
0px
|
|
871
|
+
inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.1),
|
|
872
|
+
0px 0px 0px 1px rgb(100% 100% 100% / 0.18),
|
|
873
|
+
0px 0px 0px 2px rgb(0% 0% 0%),
|
|
874
|
+
0px 48px 96px -24px rgb(0% 0% 0%);
|
|
875
875
|
--nc-elevation-glass:
|
|
876
|
-
inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.
|
|
877
|
-
0px 0px 0px 1px rgb(100% 100% 100% / 0.
|
|
878
|
-
0px 32px
|
|
876
|
+
inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.1),
|
|
877
|
+
0px 0px 0px 1px rgb(100% 100% 100% / 0.14),
|
|
878
|
+
0px 16px 32px -12px rgb(0% 0% 0% / 0.8);
|
|
879
879
|
}
|
|
880
880
|
}
|
|
881
881
|
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"line": "#e5e5e5",
|
|
22
22
|
"input": "#757575",
|
|
23
23
|
"focus-ring": "#111111",
|
|
24
|
-
"scrim": "#
|
|
24
|
+
"scrim": "#f2f2f2",
|
|
25
25
|
"link": "#0068d6",
|
|
26
26
|
"link-deep": "#0055b3",
|
|
27
27
|
"link-bg-soft": "#ebf5ff",
|
|
@@ -149,10 +149,11 @@
|
|
|
149
149
|
"dark-canvas-soft-2": "#1a1a1a",
|
|
150
150
|
"dark-material-workspace": "#000000",
|
|
151
151
|
"dark-material-solid": "#000000",
|
|
152
|
-
"dark-material-resting": "#
|
|
153
|
-
"dark-material-raised": "#
|
|
154
|
-
"dark-material-floating": "#
|
|
155
|
-
"dark-material-modal": "#
|
|
152
|
+
"dark-material-resting": "#0a0a0a",
|
|
153
|
+
"dark-material-raised": "#0f0f0f",
|
|
154
|
+
"dark-material-floating": "#0f0f0f",
|
|
155
|
+
"dark-material-modal": "#0f0f0f",
|
|
156
|
+
"card-graphite": "#151515",
|
|
156
157
|
"dark-ink": "#ededed",
|
|
157
158
|
"dark-body": "#a1a1a1",
|
|
158
159
|
"dark-muted": "#9e9e9e",
|