@gyramais/gyra-design 0.1.58-webkit → 0.1.58

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 (2) hide show
  1. package/dist/index.css +77 -84
  2. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -6713,228 +6713,221 @@ h6 {
6713
6713
  }
6714
6714
  .gyramais-table-container {
6715
6715
 
6716
- width: 100%;
6716
+ width: 100%;
6717
6717
 
6718
- overflow-y: auto
6718
+ overflow-y: auto
6719
6719
  }
6720
6720
 
6721
6721
  .gyramais-table-container table {
6722
6722
 
6723
- width: 100%;
6723
+ width: 100%;
6724
6724
 
6725
- border-collapse: collapse;
6725
+ border-collapse: collapse;
6726
6726
 
6727
- border-style: hidden
6727
+ border-style: hidden
6728
6728
  }
6729
6729
 
6730
6730
  @media (min-width: 768px) {
6731
6731
 
6732
- .gyramais-table-container table {
6732
+ .gyramais-table-container table {
6733
6733
 
6734
- table-layout: fixed
6735
- }
6734
+ table-layout: fixed
6735
+ }
6736
6736
  }
6737
6737
 
6738
6738
  .gyramais-table-container table thead {
6739
6739
 
6740
- position: sticky;
6740
+ position: sticky;
6741
6741
 
6742
- top: 0px;
6742
+ top: 0px;
6743
6743
 
6744
- height: 3rem;
6744
+ height: 3rem;
6745
6745
 
6746
- --tw-bg-opacity: 1;
6746
+ --tw-bg-opacity: 1;
6747
6747
 
6748
- background-color: rgb(255 255 255 / var(--tw-bg-opacity))
6748
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity))
6749
6749
  }
6750
6750
  .gyramais-table-container table thead th {
6751
6751
 
6752
- text-wrap: nowrap;
6752
+ text-wrap: nowrap;
6753
6753
 
6754
- font-size: 0.875rem;
6754
+ font-size: 0.875rem;
6755
6755
 
6756
- line-height: 1.25rem;
6756
+ line-height: 1.25rem;
6757
6757
 
6758
- font-weight: 500;
6758
+ font-weight: 500;
6759
6759
 
6760
- line-height: 14px;
6760
+ line-height: 14px;
6761
6761
 
6762
- --tw-text-opacity: 1;
6762
+ --tw-text-opacity: 1;
6763
6763
 
6764
- color: rgb(0 0 0 / var(--tw-text-opacity))
6764
+ color: rgb(0 0 0 / var(--tw-text-opacity))
6765
6765
  }
6766
6766
  .gyramais-table-container:not(.gyramais-table-list-container) table thead th {
6767
6767
 
6768
- padding-left: 0.25rem;
6768
+ padding-left: 0.25rem;
6769
6769
 
6770
- padding-right: 0.25rem
6770
+ padding-right: 0.25rem
6771
6771
  }
6772
6772
 
6773
6773
  .gyramais-table-container table tbody tr td {
6774
6774
 
6775
- padding-top: 0.5rem;
6775
+ padding-top: 0.5rem;
6776
6776
 
6777
- padding-bottom: 0.5rem;
6777
+ padding-bottom: 0.5rem;
6778
6778
 
6779
- font-size: 1rem;
6779
+ font-size: 1rem;
6780
6780
 
6781
- line-height: 1.5rem;
6781
+ line-height: 1.5rem;
6782
6782
 
6783
- font-weight: 400;
6783
+ font-weight: 400;
6784
6784
 
6785
- line-height: 19.2px;
6785
+ line-height: 19.2px;
6786
6786
 
6787
- --tw-text-opacity: 1;
6787
+ --tw-text-opacity: 1;
6788
6788
 
6789
- color: rgb(98 105 118 / var(--tw-text-opacity))
6789
+ color: rgb(98 105 118 / var(--tw-text-opacity))
6790
6790
  }
6791
6791
 
6792
6792
  @media (min-width: 768px) {
6793
6793
 
6794
- .gyramais-table-container table tbody tr td {
6794
+ .gyramais-table-container table tbody tr td {
6795
6795
 
6796
- padding-top: 1rem;
6796
+ padding-top: 1rem;
6797
6797
 
6798
- padding-bottom: 1rem
6799
- }
6798
+ padding-bottom: 1rem
6799
+ }
6800
6800
  }
6801
6801
  .gyramais-table-container:not(.gyramais-table-list-container) table tbody tr td {
6802
6802
 
6803
- padding-left: 0.25rem;
6803
+ padding-left: 0.25rem;
6804
6804
 
6805
- padding-right: 0.25rem
6805
+ padding-right: 0.25rem
6806
6806
  }
6807
6807
 
6808
6808
  /* CARD STYLE */
6809
6809
  .gyramais-table-container.gyramais-table-card-container {
6810
6810
 
6811
- padding-left: 4px;
6811
+ padding-left: 4px;
6812
6812
 
6813
- padding-right: 4px
6813
+ padding-right: 4px
6814
6814
  }
6815
6815
 
6816
6816
  .gyramais-table-container.gyramais-table-card-container table {
6817
6817
 
6818
- border-collapse: separate;
6818
+ border-collapse: separate;
6819
6819
 
6820
- --tw-border-spacing-y: 0.5rem;
6820
+ --tw-border-spacing-y: 0.5rem;
6821
6821
 
6822
- border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
6822
+ border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
6823
6823
  }
6824
6824
 
6825
6825
  .gyramais-table-container.gyramais-table-card-container table thead {
6826
6826
 
6827
- top: 0.5rem;
6827
+ top: 0.5rem;
6828
6828
 
6829
- --tw-translate-y: -0.5rem;
6829
+ --tw-translate-y: -0.5rem;
6830
6830
 
6831
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
6831
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
6832
6832
  }
6833
6833
  .gyramais-table-container.gyramais-table-card-container table tbody {
6834
6834
 
6835
- --tw-translate-y: -0.5rem;
6835
+ --tw-translate-y: -0.5rem;
6836
6836
 
6837
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
6837
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
6838
6838
  }
6839
6839
 
6840
6840
  .gyramais-table-container.gyramais-table-card-container table tbody tr {
6841
6841
 
6842
- -moz-appearance: none;
6842
+ border-radius: 12px;
6843
6843
 
6844
- appearance: none;
6845
-
6846
- border-radius: 12px;
6847
-
6848
- --tw-bg-opacity: 1;
6849
-
6850
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
6844
+ --tw-bg-opacity: 1;
6851
6845
 
6852
- --tw-shadow: 0 0 4px 2px rgba(24,39,75,.08), 0 2px 4px 0 rgba(24,39,75,.12);
6846
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
6853
6847
 
6854
- --tw-shadow-colored: 0 0 4px 2px var(--tw-shadow-color), 0 2px 4px 0 var(--tw-shadow-color);
6848
+ --tw-shadow: 0 0 4px 2px rgba(24,39,75,.08), 0 2px 4px 0 rgba(24,39,75,.12);
6855
6849
 
6856
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
6850
+ --tw-shadow-colored: 0 0 4px 2px var(--tw-shadow-color), 0 2px 4px 0 var(--tw-shadow-color);
6857
6851
 
6858
- -webkit-appearance: none;
6859
- -webkit-box-shadow: 0 0 4px 2px rgba(24,39,75,.08), 0 2px 4px 0 rgba(24,39,75,.12)
6852
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
6860
6853
  }
6861
6854
 
6862
6855
  .gyramais-table-container.gyramais-table-card-container table tbody tr td {
6863
6856
 
6864
- padding-top: 0.75rem;
6857
+ padding-top: 0.75rem;
6865
6858
 
6866
- padding-bottom: 0.75rem
6859
+ padding-bottom: 0.75rem
6867
6860
  }
6868
6861
  .gyramais-table-container.gyramais-table-card-container table tbody tr td:first-child {
6869
6862
 
6870
- border-top-left-radius: 12px;
6863
+ border-top-left-radius: 12px;
6871
6864
 
6872
- border-bottom-left-radius: 12px;
6865
+ border-bottom-left-radius: 12px;
6873
6866
 
6874
- padding-left: 0.5rem
6867
+ padding-left: 0.5rem
6875
6868
  }
6876
6869
  .gyramais-table-container.gyramais-table-card-container table tbody tr td:last-child {
6877
6870
 
6878
- border-top-right-radius: 12px;
6871
+ border-top-right-radius: 12px;
6879
6872
 
6880
- border-bottom-right-radius: 12px;
6873
+ border-bottom-right-radius: 12px;
6881
6874
 
6882
- padding-right: 0.5rem
6875
+ padding-right: 0.5rem
6883
6876
  }
6884
6877
 
6885
6878
  /* BORDERED STYLES */
6886
6879
  .gyramais-table-container.gyramais-table-bordered-container {
6887
6880
 
6888
- border-radius: 8px !important;
6881
+ border-radius: 8px !important;
6889
6882
 
6890
- border-width: 1px
6883
+ border-width: 1px
6891
6884
  }
6892
6885
 
6893
6886
  .gyramais-table-container.gyramais-table-bordered-container table thead th {
6894
6887
 
6895
- border-width: 1px
6888
+ border-width: 1px
6896
6889
  }
6897
6890
  .gyramais-table-container.gyramais-table-bordered-container table tbody tr td {
6898
6891
 
6899
- border-width: 1px
6892
+ border-width: 1px
6900
6893
  }
6901
6894
 
6902
6895
  /* UTILS STYLES */
6903
6896
  .gyramais-table-container table tbody tr td > div {
6904
6897
 
6905
- position: relative;
6898
+ position: relative;
6906
6899
 
6907
- text-wrap: nowrap
6900
+ text-wrap: nowrap
6908
6901
  }
6909
6902
  @media (min-width: 768px) {
6910
6903
 
6911
- .gyramais-table-container table tbody tr td > div.with-clamp {
6904
+ .gyramais-table-container table tbody tr td > div.with-clamp {
6912
6905
 
6913
- overflow: hidden;
6906
+ overflow: hidden;
6914
6907
 
6915
- display: -webkit-box;
6908
+ display: -webkit-box;
6916
6909
 
6917
- -webkit-box-orient: vertical;
6910
+ -webkit-box-orient: vertical;
6918
6911
 
6919
- -webkit-line-clamp: 1;
6912
+ -webkit-line-clamp: 1;
6920
6913
 
6921
- text-wrap: wrap;
6914
+ text-wrap: wrap;
6922
6915
 
6923
- word-break: break-all
6924
- }
6916
+ word-break: break-all
6917
+ }
6925
6918
  }
6926
6919
 
6927
6920
  .gyramais-table-text-left {
6928
6921
 
6929
- text-align: left
6922
+ text-align: left
6930
6923
  }
6931
6924
  .gyramais-table-text-center {
6932
6925
 
6933
- text-align: center
6926
+ text-align: center
6934
6927
  }
6935
6928
  .gyramais-table-text-right {
6936
6929
 
6937
- text-align: right
6930
+ text-align: right
6938
6931
  }
6939
6932
  .gyramais-tabs {
6940
6933
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gyramais/gyra-design",
3
- "version": "0.1.58-webkit",
3
+ "version": "0.1.58",
4
4
  "description": "Gyramais Design System",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.esm.js",