Move intl-tel-input css import to sass

powerhome · Jul 16, 2024 · ca42606 · ca42606
1 parent 728a22e
commit ca42606
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 2 deletions.
diff --git a/playbook/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.scss b/playbook/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.scss
@@ -1,3 +1,4 @@
+@import "intl-tel-input/build/css/intlTelInput.css";
 @import "../tokens/colors";
 
 $transform-rotate-deg: 135deg;

diff --git a/playbook/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.tsx b/playbook/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.tsx
@@ -2,7 +2,6 @@ import React, { forwardRef, useEffect, useRef, useState, useImperativeHandle } f
 import classnames from 'classnames'
 
 import intlTelInput from 'intl-tel-input'
-import 'intl-tel-input/build/css/intlTelInput.css'
 import 'intl-tel-input/build/js/utils.js'
 
 import { buildAriaProps, buildCss, buildDataProps, buildHtmlProps } from '../utilities/props'

diff --git a/playbook/bin/build_gem b/playbook/bin/build_gem
@@ -4,7 +4,7 @@ set -e
 
 # Vite backwards compatibility
 cp ../playbook-website/config/menu.yml dist/menu.yml
-cat playbook/app/entrypoints/playbook.scss|awk '{sub(/kits\//,""); print}' >> playbook/app/pb_kits/playbook/_playbook.scss
+cat ../playbook/app/entrypoints/playbook.scss|awk '{sub(/kits\//,""); print}' >> ../playbook/app/pb_kits/playbook/_playbook.scss
 cp ../playbook/app/entrypoints/reset.scss ../playbook/app/pb_kits/playbook/_reset.scss
 
 gem build playbook_ui.gemspec