duck-dev-lib 0.0.93 → 0.0.94

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 (5) hide show
  1. package/fesm2022/duck-dev-lib-documentation.mjs +69 -69
  2. package/fesm2022/duck-dev-lib-documentation.mjs.map +1 -1
  3. package/fesm2022/duck-dev-lib.mjs +69 -69
  4. package/fesm2022/duck-dev-lib.mjs.map +1 -1
  5. package/package.json +1 -1
package/fesm2022/duck-dev-lib.mjs CHANGED
@@ -3733,47 +3733,47 @@ class DuckDevSegmentNeobrutal {
3733
3733
  switch (color) {
3734
3734
  case AccentEnumColor.Violet:
3735
3735
  return {
3736
- '--dd-segment-neo-surface': 'var(--dd-base-secondary)',
3737
- '--dd-segment-neo-panel': 'color-mix(in srgb, var(--dd-base-secondary) 84%, var(--dd-base-0))',
3738
- '--dd-segment-neo-accent': 'var(--dd-base-accent-yellow)',
3739
- '--dd-segment-neo-shadow': 'var(--dd-base-accent-blue)',
3740
- '--dd-segment-neo-text': 'var(--dd-gray-0)',
3741
- '--dd-segment-neo-muted': 'color-mix(in srgb, var(--dd-gray-0) 74%, transparent)',
3736
+ '--dd-segment-neo-surface': 'var(--dd-neo-ana-3)',
3737
+ '--dd-segment-neo-panel': 'color-mix(in srgb, var(--dd-neo-ana-3) 84%, var(--dd-base-0))',
3738
+ '--dd-segment-neo-accent': 'var(--dd-neo-ana-1)',
3739
+ '--dd-segment-neo-shadow': 'var(--dd-neo-ana-6)',
3740
+ '--dd-segment-neo-text': 'var(--dd-neo-ana-3-contrast)',
3741
+ '--dd-segment-neo-muted': 'color-mix(in srgb, var(--dd-neo-ana-3-contrast) 74%, transparent)',
3742
3742
  };
3743
3743
  case AccentEnumColor.Orange:
3744
3744
  return {
3745
- '--dd-segment-neo-surface': 'var(--dd-base-accent-orange)',
3746
- '--dd-segment-neo-panel': 'color-mix(in srgb, var(--dd-base-accent-yellow) 68%, var(--dd-base-0))',
3747
- '--dd-segment-neo-accent': 'var(--dd-base-accent-pink)',
3748
- '--dd-segment-neo-shadow': 'var(--dd-base-accent-yellow)',
3749
- '--dd-segment-neo-text': 'var(--dd-base-600)',
3750
- '--dd-segment-neo-muted': 'color-mix(in srgb, var(--dd-base-600) 66%, transparent)',
3745
+ '--dd-segment-neo-surface': 'var(--dd-neo-ana-2)',
3746
+ '--dd-segment-neo-panel': 'color-mix(in srgb, var(--dd-neo-ana-5) 68%, var(--dd-base-0))',
3747
+ '--dd-segment-neo-accent': 'var(--dd-neo-ana-1)',
3748
+ '--dd-segment-neo-shadow': 'var(--dd-neo-ana-5)',
3749
+ '--dd-segment-neo-text': 'var(--dd-neo-ana-2-contrast)',
3750
+ '--dd-segment-neo-muted': 'color-mix(in srgb, var(--dd-neo-ana-2-contrast) 66%, transparent)',
3751
3751
  };
3752
3752
  case AccentEnumColor.Gray:
3753
3753
  return {
3754
3754
  '--dd-segment-neo-surface': 'var(--dd-base-100)',
3755
3755
  '--dd-segment-neo-panel': 'var(--dd-base-0)',
3756
- '--dd-segment-neo-accent': 'var(--dd-base-accent-blue)',
3757
- '--dd-segment-neo-shadow': 'var(--dd-base-400)',
3756
+ '--dd-segment-neo-accent': 'var(--dd-neo-ana-1)',
3757
+ '--dd-segment-neo-shadow': 'var(--dd-neo-ana-6)',
3758
3758
  '--dd-segment-neo-text': 'var(--dd-base-600)',
3759
3759
  '--dd-segment-neo-muted': 'color-mix(in srgb, var(--dd-base-600) 58%, transparent)',
3760
3760
  };
3761
3761
  case AccentEnumColor.Dark:
3762
3762
  return {
3763
- '--dd-segment-neo-surface': 'var(--dd-base-600)',
3764
- '--dd-segment-neo-panel': 'color-mix(in srgb, var(--dd-base-600) 92%, var(--dd-base-500))',
3765
- '--dd-segment-neo-accent': 'var(--dd-base-accent-yellow)',
3766
- '--dd-segment-neo-shadow': 'var(--dd-base-accent-orange)',
3767
- '--dd-segment-neo-text': 'var(--dd-base-0)',
3768
- '--dd-segment-neo-muted': 'color-mix(in srgb, var(--dd-base-0) 68%, transparent)',
3763
+ '--dd-segment-neo-surface': 'var(--dd-neo-ana-4)',
3764
+ '--dd-segment-neo-panel': 'color-mix(in srgb, var(--dd-neo-ana-4) 92%, var(--dd-neo-ana-3))',
3765
+ '--dd-segment-neo-accent': 'var(--dd-neo-ana-1)',
3766
+ '--dd-segment-neo-shadow': 'var(--dd-neo-ana-3)',
3767
+ '--dd-segment-neo-text': 'var(--dd-neo-ana-4-contrast)',
3768
+ '--dd-segment-neo-muted': 'color-mix(in srgb, var(--dd-neo-ana-4-contrast) 68%, transparent)',
3769
3769
  };
3770
3770
  case AccentEnumColor.White:
3771
3771
  default:
3772
3772
  return {
3773
3773
  '--dd-segment-neo-surface': 'var(--dd-base-0)',
3774
3774
  '--dd-segment-neo-panel': 'var(--dd-base-100)',
3775
- '--dd-segment-neo-accent': 'var(--dd-base-accent-orange)',
3776
- '--dd-segment-neo-shadow': 'var(--dd-base-accent-blue)',
3775
+ '--dd-segment-neo-accent': 'var(--dd-neo-ana-5)',
3776
+ '--dd-segment-neo-shadow': 'var(--dd-neo-ana-6)',
3777
3777
  '--dd-segment-neo-text': 'var(--dd-base-600)',
3778
3778
  '--dd-segment-neo-muted': 'color-mix(in srgb, var(--dd-base-600) 58%, transparent)',
3779
3779
  };
@@ -3856,47 +3856,47 @@ class DuckDevSegmentNeobrutalVertical {
3856
3856
  switch (color) {
3857
3857
  case AccentEnumColor.Violet:
3858
3858
  return {
3859
- '--dd-segment-neo-v-surface': 'var(--dd-base-secondary)',
3860
- '--dd-segment-neo-v-panel': 'color-mix(in srgb, var(--dd-base-secondary) 84%, var(--dd-base-0))',
3861
- '--dd-segment-neo-v-accent': 'var(--dd-base-accent-yellow)',
3862
- '--dd-segment-neo-v-shadow': 'var(--dd-base-accent-blue)',
3863
- '--dd-segment-neo-v-text': 'var(--dd-gray-0)',
3864
- '--dd-segment-neo-v-muted': 'color-mix(in srgb, var(--dd-gray-0) 74%, transparent)',
3859
+ '--dd-segment-neo-v-surface': 'var(--dd-neo-ana-3)',
3860
+ '--dd-segment-neo-v-panel': 'color-mix(in srgb, var(--dd-neo-ana-3) 84%, var(--dd-base-0))',
3861
+ '--dd-segment-neo-v-accent': 'var(--dd-neo-ana-1)',
3862
+ '--dd-segment-neo-v-shadow': 'var(--dd-neo-ana-6)',
3863
+ '--dd-segment-neo-v-text': 'var(--dd-neo-ana-3-contrast)',
3864
+ '--dd-segment-neo-v-muted': 'color-mix(in srgb, var(--dd-neo-ana-3-contrast) 74%, transparent)',
3865
3865
  };
3866
3866
  case AccentEnumColor.Orange:
3867
3867
  return {
3868
- '--dd-segment-neo-v-surface': 'var(--dd-base-accent-orange)',
3869
- '--dd-segment-neo-v-panel': 'color-mix(in srgb, var(--dd-base-accent-yellow) 68%, var(--dd-base-0))',
3870
- '--dd-segment-neo-v-accent': 'var(--dd-base-accent-pink)',
3871
- '--dd-segment-neo-v-shadow': 'var(--dd-base-accent-yellow)',
3872
- '--dd-segment-neo-v-text': 'var(--dd-base-600)',
3873
- '--dd-segment-neo-v-muted': 'color-mix(in srgb, var(--dd-base-600) 66%, transparent)',
3868
+ '--dd-segment-neo-v-surface': 'var(--dd-neo-ana-2)',
3869
+ '--dd-segment-neo-v-panel': 'color-mix(in srgb, var(--dd-neo-ana-5) 68%, var(--dd-base-0))',
3870
+ '--dd-segment-neo-v-accent': 'var(--dd-neo-ana-1)',
3871
+ '--dd-segment-neo-v-shadow': 'var(--dd-neo-ana-5)',
3872
+ '--dd-segment-neo-v-text': 'var(--dd-neo-ana-2-contrast)',
3873
+ '--dd-segment-neo-v-muted': 'color-mix(in srgb, var(--dd-neo-ana-2-contrast) 66%, transparent)',
3874
3874
  };
3875
3875
  case AccentEnumColor.Gray:
3876
3876
  return {
3877
3877
  '--dd-segment-neo-v-surface': 'var(--dd-base-100)',
3878
3878
  '--dd-segment-neo-v-panel': 'var(--dd-base-0)',
3879
- '--dd-segment-neo-v-accent': 'var(--dd-base-accent-blue)',
3880
- '--dd-segment-neo-v-shadow': 'var(--dd-base-400)',
3879
+ '--dd-segment-neo-v-accent': 'var(--dd-neo-ana-1)',
3880
+ '--dd-segment-neo-v-shadow': 'var(--dd-neo-ana-6)',
3881
3881
  '--dd-segment-neo-v-text': 'var(--dd-base-600)',
3882
3882
  '--dd-segment-neo-v-muted': 'color-mix(in srgb, var(--dd-base-600) 58%, transparent)',
3883
3883
  };
3884
3884
  case AccentEnumColor.Dark:
3885
3885
  return {
3886
- '--dd-segment-neo-v-surface': 'var(--dd-base-600)',
3887
- '--dd-segment-neo-v-panel': 'color-mix(in srgb, var(--dd-base-accent-orange) 22%, var(--dd-base-500))',
3888
- '--dd-segment-neo-v-accent': 'var(--dd-base-accent-yellow)',
3889
- '--dd-segment-neo-v-shadow': 'var(--dd-base-accent-orange)',
3890
- '--dd-segment-neo-v-text': 'var(--dd-base-accent-yellow)',
3891
- '--dd-segment-neo-v-muted': 'color-mix(in srgb, var(--dd-base-0) 54%, transparent)',
3886
+ '--dd-segment-neo-v-surface': 'var(--dd-neo-ana-4)',
3887
+ '--dd-segment-neo-v-panel': 'color-mix(in srgb, var(--dd-neo-ana-4) 92%, var(--dd-neo-ana-3))',
3888
+ '--dd-segment-neo-v-accent': 'var(--dd-neo-ana-1)',
3889
+ '--dd-segment-neo-v-shadow': 'var(--dd-neo-ana-3)',
3890
+ '--dd-segment-neo-v-text': 'var(--dd-neo-ana-4-contrast)',
3891
+ '--dd-segment-neo-v-muted': 'color-mix(in srgb, var(--dd-neo-ana-4-contrast) 68%, transparent)',
3892
3892
  };
3893
3893
  case AccentEnumColor.White:
3894
3894
  default:
3895
3895
  return {
3896
3896
  '--dd-segment-neo-v-surface': 'var(--dd-base-0)',
3897
- '--dd-segment-neo-v-panel': 'color-mix(in srgb, var(--dd-base-accent-blue) 14%, var(--dd-base-0))',
3898
- '--dd-segment-neo-v-accent': 'var(--dd-base-accent-orange)',
3899
- '--dd-segment-neo-v-shadow': 'var(--dd-base-accent-blue)',
3897
+ '--dd-segment-neo-v-panel': 'color-mix(in srgb, var(--dd-neo-ana-5) 14%, var(--dd-base-0))',
3898
+ '--dd-segment-neo-v-accent': 'var(--dd-neo-ana-5)',
3899
+ '--dd-segment-neo-v-shadow': 'var(--dd-neo-ana-6)',
3900
3900
  '--dd-segment-neo-v-text': 'var(--dd-base-600)',
3901
3901
  '--dd-segment-neo-v-muted': 'color-mix(in srgb, var(--dd-base-400) 72%, transparent)',
3902
3902
  };
@@ -5731,48 +5731,48 @@ class DuckDevBreadcrumbNeobrutal {
5731
5731
  switch (color) {
5732
5732
  case AccentEnumColor.Violet:
5733
5733
  return {
5734
- '--neo-bc-surface': 'var(--dd-base-secondary)',
5735
- '--neo-bc-text': 'var(--dd-gray-0)',
5736
- '--neo-bc-link': 'var(--dd-base-accent-pink)',
5737
- '--neo-bc-separator': 'var(--dd-base-accent-pink)',
5738
- '--neo-bc-shadow': 'var(--dd-base-accent-blue)',
5739
- '--neo-bc-active': 'var(--dd-gray-0)',
5734
+ '--neo-bc-surface': 'var(--dd-neo-ana-3)',
5735
+ '--neo-bc-text': 'var(--dd-neo-ana-3-contrast)',
5736
+ '--neo-bc-link': 'var(--dd-neo-ana-1)',
5737
+ '--neo-bc-separator': 'var(--dd-neo-ana-1)',
5738
+ '--neo-bc-shadow': 'var(--dd-neo-ana-6)',
5739
+ '--neo-bc-active': 'var(--dd-neo-ana-3-contrast)',
5740
5740
  };
5741
5741
  case AccentEnumColor.Orange:
5742
5742
  return {
5743
- '--neo-bc-surface': 'var(--dd-base-accent-orange)',
5744
- '--neo-bc-text': 'var(--dd-base-600)',
5745
- '--neo-bc-link': 'var(--dd-base-accent-pink)',
5746
- '--neo-bc-separator': 'var(--dd-base-accent-yellow)',
5747
- '--neo-bc-shadow': 'var(--dd-base-accent-yellow)',
5748
- '--neo-bc-active': 'var(--dd-base-600)',
5743
+ '--neo-bc-surface': 'var(--dd-neo-ana-2)',
5744
+ '--neo-bc-text': 'var(--dd-neo-ana-2-contrast)',
5745
+ '--neo-bc-link': 'var(--dd-neo-ana-1)',
5746
+ '--neo-bc-separator': 'var(--dd-neo-ana-5)',
5747
+ '--neo-bc-shadow': 'var(--dd-neo-ana-5)',
5748
+ '--neo-bc-active': 'var(--dd-neo-ana-2-contrast)',
5749
5749
  };
5750
5750
  case AccentEnumColor.Gray:
5751
5751
  return {
5752
5752
  '--neo-bc-surface': 'var(--dd-base-200)',
5753
5753
  '--neo-bc-text': 'var(--dd-base-600)',
5754
- '--neo-bc-link': 'var(--dd-base-accent-pink)',
5755
- '--neo-bc-separator': 'var(--dd-base-accent-orange)',
5756
- '--neo-bc-shadow': 'var(--dd-base-400)',
5754
+ '--neo-bc-link': 'var(--dd-neo-ana-1)',
5755
+ '--neo-bc-separator': 'var(--dd-neo-ana-2)',
5756
+ '--neo-bc-shadow': 'var(--dd-neo-ana-6)',
5757
5757
  '--neo-bc-active': 'var(--dd-base-600)',
5758
5758
  };
5759
5759
  case AccentEnumColor.Dark:
5760
5760
  return {
5761
- '--neo-bc-surface': 'var(--dd-base-600)',
5762
- '--neo-bc-text': 'var(--dd-base-0)',
5763
- '--neo-bc-link': 'var(--dd-base-accent-pink)',
5764
- '--neo-bc-separator': 'var(--dd-base-accent-orange)',
5765
- '--neo-bc-shadow': 'var(--dd-base-secondary)',
5766
- '--neo-bc-active': 'var(--dd-base-0)',
5761
+ '--neo-bc-surface': 'var(--dd-neo-ana-4)',
5762
+ '--neo-bc-text': 'var(--dd-neo-ana-4-contrast)',
5763
+ '--neo-bc-link': 'var(--dd-neo-ana-1)',
5764
+ '--neo-bc-separator': 'var(--dd-neo-ana-5)',
5765
+ '--neo-bc-shadow': 'var(--dd-neo-ana-3)',
5766
+ '--neo-bc-active': 'var(--dd-neo-ana-4-contrast)',
5767
5767
  };
5768
5768
  case AccentEnumColor.White:
5769
5769
  default:
5770
5770
  return {
5771
5771
  '--neo-bc-surface': 'var(--dd-base-0)',
5772
5772
  '--neo-bc-text': 'var(--dd-base-600)',
5773
- '--neo-bc-link': 'var(--dd-base-accent-pink)',
5774
- '--neo-bc-separator': 'var(--dd-base-accent-orange)',
5775
- '--neo-bc-shadow': 'var(--dd-base-accent-blue)',
5773
+ '--neo-bc-link': 'var(--dd-neo-ana-1)',
5774
+ '--neo-bc-separator': 'var(--dd-neo-ana-5)',
5775
+ '--neo-bc-shadow': 'var(--dd-neo-ana-6)',
5776
5776
  '--neo-bc-active': 'var(--dd-base-600)',
5777
5777
  };
5778
5778
  }